How to resolve this build error in typescript?

[Hermestech]

I am implementing fluentui in nextjs according to the documentation on this page: https://react.fluentui.dev/?path=/docs/concepts-developer-server-side-rendering--page.

If i´m build with the extension of app.jsx it´s ok, any problem. But when i write the extension _app.tsx I have a problem when I try to build the application, because it returns the following errors: Type '{ children: Element; renderer: any; }' is not assignable to type 'IntrinsicAttributes & RendererProviderProps'. Property 'children' does not exist on type 'IntrinsicAttributes & RendererProviderProps'

`import {
  createDOMRenderer,
  RendererProvider,
  SSRProvider,
  FluentProvider,
  webLightTheme
} from '@fluentui/react-components'
import '../styles/styles.css'


function MyApp({ Component, pageProps, renderer }) {
  return (
      <RendererProvider renderer={renderer || createDOMRenderer()}>
        <SSRProvider>
          <FluentProvider theme={webLightTheme}>
            <Component {...pageProps} />
          </FluentProvider>
        </SSRProvider>
      </RendererProvider>
  )
}

export default MyApp`

i leave a screenshot from the error:

[micahgodbolt]

We are still working on support for React 18. Try downgrading to React 17.

[layershifter]

Indeed, Griffel i.e. RendererProvider component does not support @types/react@18, microsoft/griffel#40.