類型'{孩子：元素； }' 不可分配給類型 'IntrinsicAttributes & ReactNode'

Question

在這里得到這個錯誤：

類型'{孩子：元素； }' 不可分配給類型 'IntrinsicAttributes & ReactNode'。

export const withAppProvider = (Component: AppComponent) => {
  return function WrapperComponent(props: any) {
    return (
      <AppProvider> // <-- here
        <Component {...props} />
      </AppProvider>
    );
  };
};

AppProvider聲明可能有問題？

export const AppProvider = (children: ReactNode) => {
  const { width, height } = useWindowSize();
  const isClient = useClient();
  const isMobile = isClient ? width < 1200 : false;

  return (
    <AppContext.Provider
      value={{
        isClient,
        isMobile,
      }}
    >
      {children}
    </AppContext.Provider>
  );
};

---

通過export const AppProvider = (children: React.ReactNode) => {

Type error: Type '{ children: Element; }' is not assignable to type 'IntrinsicAttributes & ReactNode'.
  Type '{ children: Element; }' is missing the following properties from type 'ReactPortal': key, type, props

Answer 1

如果它被定義為children道具，問題就消失了。

interface IProps {
  children: React.ReactNode;
}
export const AppProvider = ({children}: IProps ) => {}