My web browser stops working for a while after I have an error in my code while debbuging

[danielbettech]

Hello,

I'm experiencing a web browser freeze while debbuging my code.

Everything seems to work great, but if I have an error in my code, I get the "Something went wrong" message in the current webpage and the web browser stop working for a while. I then can't access any website for about 10 to 20 min.

When I open my activity monitor, I see "node" is consuming 100% of my CPU usage.

Do I have any configuration wrong or the hydrogen version is unstable.
I also use NextJs and never happen something like this.

Please help.

Error processing route: http://127.0.0.1:3000/products/noche-estrellada-por-vincent-van-gogh
ReferenceError: selectedMainImage is not defined
    at getSelectedOptionsFilteredMedia (/src/components/ProductDetails.client.tsx?no-proxy:512:5)
    at ProductGallery (/src/components/ProductDetails.client.tsx?no-proxy:527:7)
    at renderWithHooks (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5724:16)
    at renderIndeterminateComponent (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5797:15)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6012:7)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderHostElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6018:5)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderHostElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6018:5)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderChildrenArray (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6277:7)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6207:7)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderHostElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6018:5)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderHostElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6018:5)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderContextProvider (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5986:3)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6083:11)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderIndeterminateComponent (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5851:7)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6012:7)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderIndeterminateComponent (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:5851:7)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6012:7)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderNode (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
    at renderChildrenArray (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6277:7)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6207:7)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
    at renderElement (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6037:9)
    at renderNodeDestructiveImpl (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
    at renderNodeDestructive (/Users/danny/dev/tutorials/hydrogen-shopify/canvas-revolution-hydrogen/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
GET streaming SSR     200 error 356.72 ms  http://127.0.0.1:3000/products/noche-estrellada-por-vincent-van-gogh
┌── Query timings for http://127.0.0.1:3000/products/noche-estrellada-por-vincent-van-gogh
│ 0.60ms     Requested  Product
│ 185.40ms   Resolved   Product (Took 184.79ms)
│ 185.45ms   Requested  Product
│ 185.46ms   Rendered   Product
│ Suspense waterfall detected
│ 196.39ms   Requested  layout
│ 196.43ms   Rendered   Product
│ 345.13ms   Resolved   layout (Took 148.73ms)
│ 345.16ms   Requested  layout
│ 345.17ms   Rendered   layout
│ Suspense waterfall detected
│ 347.84ms   Rendered   Product
│ Suspense waterfall detected
│ 347.84ms   Rendered   layout
│ 356.50ms   Rendered   Product
│ 356.50ms   Rendered   layout
└──