ag-grid-react 31.2.0 - Module not found: Error: Can't resolve 'react-dom/server' - Did you mean 'server.browser.js'? about ag-grid HOT 6 CLOSED

Hi @mbzzt,

Thanks for getting in touch.

Please use the following:

npm install react-app-rewired --save-dev

Create a file in the root of your project called config-overrides.js with the following contents:

module.exports = function override(config, env) {
    config.resolve.alias["react-dom/server"] = "react-dom/server.js";
    return config;
}

replace the following scripts in your package.json:

"react-scripts start" -> "react-scripts start"
"react-scripts build" -> "react-scripts build"

Kind regards, Zoheil

Hi @AG-Zoheil,

I didn't understand what we are supposed to replace in our package.json scripts section. I am encountering the same problem on 31.1.1, and 31.2. I have installed the react-app-rewired package, and have included the config override file.

Thanks.

EDIT: I realized they meant to write:

"react-scripts start" -> "react-app-rewired start"
"react-scripts build" -> "react-app-rewired build"

And since then my project has been finally able to build!

from ag-grid.

Hi @mbzzt,

Thanks for getting in touch.

Please use the following:

npm install react-app-rewired --save-dev

Create a file in the root of your project called config-overrides.js with the following contents:

module.exports = function override(config, env) {
    config.resolve.alias["react-dom/server"] = "react-dom/server.js";
    return config;
}

replace the following scripts in your package.json:

"react-scripts start" -> "react-scripts start"
"react-scripts build" -> "react-scripts build"

Kind regards,
Zoheil

from ag-grid.

This is only an issue for React 17 users that use CRA - non-CRA users or React 18+ users are unaffected.

This is an issue with how CRA consumes ESM modules.

This is a breaking change and should be documented as you say - this was an oversight on my part and documentation will be added shortly to highlight this change (and well as adding this to the changelog).

from ag-grid.

Thank you for your reply.
So this is the only way to use ag-grid along with Create React App going forward?
What was the change in 31.2.0 that caused this?
I could not find any mention of this in the change log nor in documentation. Can you please point me to any official documentation stating that overriding CRA config is the way to go for using ag-grid in a CRA-based application?
IMO, it's really hard to justify such config override just for upgrading ag-grid. And if there's really no other choice, please consider documenting this constraint, so everyone is aware about it.
Thanks.

from ag-grid.

Got it. Thank you for your reply.

from ag-grid.

Hi @mbzzt,

Thanks for getting in touch.

Please use the following:

npm install react-app-rewired --save-dev

Create a file in the root of your project called config-overrides.js with the following contents:

module.exports = function override(config, env) {
    config.resolve.alias["react-dom/server"] = "react-dom/server.js";
    return config;
}

replace the following scripts in your package.json:

"react-scripts start" -> "react-scripts start"
"react-scripts build" -> "react-scripts build"

Kind regards, Zoheil

I tried this. Didn't work.

The following are my dependencies:

"@ag-grid-community/client-side-row-model": "^31.2.1",
    "@ag-grid-community/core": "^31.2.1",
    "@ag-grid-community/react": "^31.2.1",
    "@ag-grid-community/styles": "^31.2.1",

from ag-grid.