title: 'Provider' cannot be used as a JSX component. Its instance type 'Provider<AnyAction>' is not a valid JSX element. TS2786
body: <p>Makes the Redux store available to the connect() calls in the component hierarchy below.</p>
  <p>'Provider' cannot be used as a JSX component.
  Its instance type 'Provider' is not a valid JSX element.
  The types returned by 'render()' are incompatible between these types.
  Type 'React.ReactNode' is not assignable to type 'import(&quot;C:/Users/Nilay/Desktop/nilay/src/pages/Home/Reel/node_modules/@types/react/index&quot;).ReactNode'.
  Type '{}' is not assignable to type 'ReactNode'.ts(2786)</p>
  <p>can anyone can tell how to fix this i have tried npm install again my node version is 18plus</p>
  <p><a href="https://i.stack.imgur.com/OQSKk.png" rel="nofollow noreferrer">img here</a></p>
  <pre><code>    import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;./index.css&quot;;
  import App from &quot;./App&quot;;
  import { store } from &quot;./app/store&quot;;
  import { Provider } from &quot;react-redux&quot;;
  import * as serviceWorker from &quot;./serviceWorker&quot;;
  import { BrowserRouter as Router } from &quot;react-router-dom&quot;;
  import { ApolloProvider } from &quot;@apollo/client&quot;;
  import { apolloClient } from &quot;./utils/index&quot;;
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;Router&gt;
        &lt;ApolloProvider client={apolloClient}&gt;
          &lt;Provider store={store}&gt;
            &lt;App /&gt;
          &lt;/Provider&gt;
        &lt;/ApolloProvider&gt;
      &lt;/Router&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById(&quot;root&quot;)
  );
  
  
  serviceWorker.unregister();
  </code></pre>