next.js 如何解决这个TypeScript lint错误？

jfgube3f 于 2023-01-08 发布在 TypeScript

关注(0)|答案(1)|浏览(170)

我正在根据this页面上的文档在Next.js中实现Fluent UI。
问题是，当我尝试构建应用程序时，它返回以下错误：
第一个月
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

强文本

next.js

来源：https://stackoverflow.com/questions/73558517/how-to-resolve-this-typescript-lint-error

1条答案

按热度按时间

2guxujil1#

我遇到了同样的问题。问题是FluentUI库中的类型问题。
在我的情况下，我使用GatsbyJS，这里是我的变通方案，而我们等待FluentUI团队修复这个问题。

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

function MyApp({ Component, pageProps, renderer }) {
  const ssrProps: any = {
    children: <FluentProvider theme={webLightTheme}><Component {...pageProps} /></FluentProvider>,
  };

  return (
      <RendererProvider renderer={renderer || createDOMRenderer()}>
        <SSRProvider {...ssrProps} />
      </RendererProvider>
  )
}

export default MyApp

请注意ssrProps，该变量目前可以完成此任务

赞(0）回复(0）举报 2023-01-08

我来回答

next.js 如何解决这个TypeScript lint错误？

1条答案

相关问题

热门标签

最新问答