Bypass Cloudflare Proxy On Woo Stores

For some reason I’ve had to bypass Cloudflare Proxy (firewall and caching) on multiple stores.

The symptom is a very plain ReactJS crash, which can occur on either the back-end or the front-end, or both. On the back-end it typically appears in the Analytics area, including its landing page. On the front-end it typically appears in Cart and Checkout. The crash language can vary, but always concerns the file /wp-includes/js/dist/vendor/react-dom.min.js:2:103290.

On one affected site I still reproduced the problem by deactivating all plugins except WooCommerce and used two different default themes (Storefront and Twenty Twenty-Four). The crash is within Woo core scripts.

It’s clear to me that there’s some incompatibility between Cloudflare caching and recent WooCommerce JavaScript assets, but I have not been able to isolate it further. Different sites have crashed in different places and at different times over the past few months. It’s likely that the problem occurs following Woo core upgrades whereby the asset files may get updated.

Bypassing Cloudflare proxy fixes it, but on affected browsers they may need to clear caches or switch browsers to ensure that they point to the server directly and refresh assets – due to Browser Caching / TTL. This isn’t a long term solution as we certainly want to use Cloudflare when it’s safe to do so again.