这是最近由this PR在react v18的类型上引起的错误。其他人也有同样的问题，在更新后一切都崩溃了，请参阅the recent issues opened here。我的建议是降级react类型，直到他们发布此修复程序。另请参阅this issue

今天面临同样的问题。
对我有用的是将函数组件的接口定义node_modules\@types\react line:511从

interface FunctionComponent<P = {}> {
    (props: P, context?: any): ReactElement<any, any> | null;
    propTypes?: WeakValidationMap<P> | undefined;
    contextTypes?: ValidationMap<any> | undefined;
    defaultProps?: Partial<P> | undefined;
    displayName?: string | undefined;
}

字符串
到

interface FunctionComponent<P = {}> {
    (props: PropsWithChildren<P>, context?: any): ReactElement<any, any> | null;
    propTypes?: WeakValidationMap<P> | undefined;
    contextTypes?: ValidationMap<any> | undefined;
    defaultProps?: Partial<P> | undefined;
    displayName?: string | undefined;
}

型
这只是一个暂时的修复，以便在此期间能够与帧运动。我们可能要等到他们发布的错误修复公关。

这个解决方法帮我解决了这个问题。
在项目根目录下创建一个framer-motion.d.ts文件，并添加以下代码片段。

import * as React from 'react';

declare module 'framer-motion' {
  export interface AnimatePresenceProps {
    children?: React.ReactNode;
  }
}

字符串

我刚刚遇到了这个问题，并通过将PropsWithChildren<{...}>的props类型声明 Package 在PropsWithChildren<{...}>中来修复它。
就像这样：

function SimpleComponent(props: PropsWithChildren<{
  prop1: string;
  prop2: number;
  ...
}>) {
  return <div>...</div>;
}

字符串