Solana wallet adapter '{ children: Element[]; }'?

Question

I am using wallet adapter with gemworks' gemfarm site. Everything works correctly in development, but open building my is givng error of "'{ children: Element[]; }'". I read that it was an error with React 18, but gemworks package file calls for 18 and walletadapter doesn't even include it in their package. If you have any suggestions to fix this it would be much appreciated as that' is the only error keeping it from building and deploying!

EDIT: _app.tsx

IMPORTS
config.autoAddCss = false;

const WalletProvider = dynamic(
  () => import("../Components/WalletProvider/WalletProvider"),
  {
    ssr: false,
  }
);

function App(props: AppProps) {
  const { Component, Props } = props;

  // const [colorMode, setColorMode] = useColorMode()

  return (
    <>
      {/* <ThemeProvider theme={defaultTheme}> */}
      
      <WalletProvider>
        <Appbar/>
        <Component {...Props} />
        <Footer/>
      </WalletProvider>
      {/* </ThemeProvider> */}
    </>
  );
}

export default withGA(process.env.NEXT_PUBLIC_GA_ID, Router)(App);

Stacktrace:

  70 |       </Head>
  71 |
> 72 |       <WalletProvider>
     |        ^
  73 |         <Appbar/>
  74 |         <Component {...Props} />
  75 |         <Footer/>

> Build error occurred
Error: Call retries were exceeded
    at ChildProcessWorker.initialize (C:\Users\josht\TF_website\node_modules\next\dist\compiled\jest-worker\index.js:1:11661)
    at ChildProcessWorker._onExit (C:\Users\josht\TF_website\node_modules\next\dist\compiled\jest-worker\index.js:1:12599)
    at ChildProcess.emit (node:events:527:28)
    at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) {
  type: 'WorkerError'
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.```

Answer 1

After doing some research, it seems it is a error in react as @kafinsalim stated, I dont know if this is a good workaround but to solve the issue and create a build while keeping everything working correctly. You must change the following in WalletProvider.tsx Line 27 const Wallet: React.FC = ({ children }: { children: React.ReactElement }) => to const Wallet = (props: ContainerProps) => { and line 65 {children} to {props.children}

This solves the problem, and lets the program build for production.