Warning about a container passed to the second argument of root.render() #14144

skiabox · 2022-09-01T12:55:01Z

skiabox
Sep 1, 2022

I am trying to migrate a React 17 app that uses keycloak to React 18.
The problem is that I am getting the console error : (Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root.)

Here is the updated index.js :

`import React from 'react';
import ReactDOM from 'react-dom/client';
import './fonts.css';
import './App.css';
import "antd/dist/antd.css";
import App from './App';
import reportWebVitals from './reportWebVitals';

import { HashRouter } from 'react-router-dom';

import keycloak from './Keycloak.js';

const root = ReactDOM.createRoot(document.getElementById('root'));

keycloak.init({ onLoad: 'check-sso' }).then(authenticated => {
keycloak.postInit();
if (authenticated) {
// first hook on logout event and redirect to login
keycloak. () {
keycloak.redirectToLogin();
};
keycloak.loadReactDom(function (e) {
// load React DOM
root.render(

,
document.getElementById('root')
);
});
} else {
// just redirect to the login page
keycloak.redirectToLogin();
}
});
// root.render(
// <React.StrictMode>
//
// </React.StrictMode>
// );

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
`

Navigation Menu

Repository navigation

Warning about a container passed to the second argument of root.render() #14144

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Warning about a container passed to the second argument of root.render() #14144

Uh oh!

skiabox Sep 1, 2022

Replies: 0 comments

skiabox
Sep 1, 2022