Error: The requested module ... does not provide an export named 'Component' about hydrogen-v1

[jplhomer]

For future reference: the way to solve this problem is to add the dependency causing the problem (e.g. react-router) to optimizeDeps.include inside vite.config.js.

[cathryngriffiths]

This is so weird. It's coming specifically from node_modules/mini-create-react-context/dist/esm/index.js on literally the first line in the file:

import React, { Component } from 'react';

If I change that to import React from 'react'; and change all references to Component to React.Component, then this specific error goes away but it leads to another related one: The requested module '/node_modules/prop-types/index.js' does not provide an export named 'default', which originates from line 4 in the node_modules/mini-create-react-context/dist/esm/index.js :

import PropTypes from 'prop-types';

Definitely something funky going on with dependencies, not just React dependencies 🤔

[jplhomer]

super super strange! It's unfortunate that this error blocks the rest of the page, e.g. entry-client from loading and hydrating.