app.js

import '../styles/globals.css'
import { Thirdwebeb3Provider } from "@3rdweb/hooks";
const supportedChainIds = [4];
const connectors = {
     injected: {},
}

function MyApp({ Component, pageProps }) {
  return (
    <Thirdwebeb3Provider supportedChainIds={supportedChainIds} connectors={connectors}>
      <Component {...pageProps} />
    </Thirdwebeb3Provider>
  )
}
export default MyApp

I am using React version 17

How to resolve this issue ?