page crash when integrate react-three-fiber

[510mt]

when i open the page which i build by react-three-fiber ,the page just crash,without any dom from react-three-fiber

dependencies:

• "@react-three/fiber": "^7.0.19"
• "@types/react": "^17.0.0"
• "@types/three": "^0.134.0"

import React from 'react';
import { Canvas } from "@react-three/fiber";
import ReactDOM from "react-dom";

function App () {
  return (
        <Canvas style={{ background: "#222" }}>
            <ambientLight/>
        </Canvas>
  );
}

ReactDOM.render(
    <React.StrictMode>
        <h1>This one work well</h1>
        <App/>
    </React.StrictMode>,
    document.getElementById('root')
);

export default App;

But when i build a new project to test react-three-fiber ,it work well

i have no idea about this question... please give me some suggestions

[joshuaellis]

Please provide a reproduction of the issue. It could be a build configuration given the simplicity of your example.

[510mt]

well, i found that it's craco.config.js conflict with it

 externals: {
          react: 'React',
          'react-dom': 'ReactDOM'
        }

[drcmda]

externals means you're using react as an UMD? imo that can't work. you either use modules or UMD, if you start mixing these you'll have multiple reacts or modules that can't import React because it doesn't exist.

[joshuaellis]

so this doesn't look like an r3f issue, we can re-open it if it turns out it is.