Frontend integration on React 18.1.0

Question

I'm not able to write the code inside the index.js file. I wrote the code as per the code sandbox section of cube docs. It sends a console warning that my app may work as React 17. When I followed 18.1.0 conventions the page was shown loading and never stopped. Any solution to this? It's written like this currently and I've added CubeProvider to access cubejsapi at app.js file while setting up routes, which is working fine.

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { AuthProvider } from './context/AuthProvider';
import reportWebVitals from './reportWebVitals';
import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(
  <React.StrictMode>
  <AuthProvider>
      <App /> 
  </AuthProvider>
  </React.StrictMode>,
  document.getElementById('root')
);

is AuthProvider a default export or named export? – Meet Bhalodiya Jun 08 '22 at 05:25 — Meet Bhalodiya, Jun 08 '22 at 05:25

score 0 · Answer 1 · answered Jun 08 '22 at 08:02

0

Does AuthProvider a default export or named export?

For good practice, move the AuthProvider to the app component .

Index.js need to be codeless as you can.

More of context here : https://reactjs.org/docs/context.html

answered Jun 08 '22 at 08:02

yanir midler

2,153
1
4
16

this should be a comment its not an answer – adir abargil Sep 13 '22 at 13:48

Frontend integration on React 18.1.0

1 Answers1