Tengo estos dos renderizados de ReactDOM para fusionarlos en un solo ReactDOM, y tengo dificultades para fusionarlos.

 ReactDOM.render( <Provider store={store}> <BrowserRouter> <ThemeProvider theme={theme}> <App /> </ThemeProvider> </BrowserRouter> </Provider>, document.getElementById('app'), ); ReactDOM.render( <React.Fragment> <Suspense fallback={<div />}> <Router basename={`/`}> <Route render={({ location }) => (location.state && location.state.is404 ? <Error404 /> : <App1 />)} /> </Router> </Suspense> </React.Fragment>, document.getElementById("root") );