reactjs Typescript错误No overload matches this call for AnyStyledComponent since nextjs 13.3.1

eoxn13cs  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(253)

升级到nextjs 13.3.1后,我现在在IDE中从样式化组件收到此错误:
TS 2769:没有与此调用匹配的重载。 重载% 1/ % 2,'(组件:AnyStyledComponent):ThemedStyledFunction<any,DefaultTheme,any,any>'给出了以下错误。 类型“typeof ReactSwitch”的参数不可分配给类型“AnyStyledComponent”的参数。
代码为InputSwitch.styles.ts

import Switch from 'react-switch'
...
export const StyledSwitch = styled(Switch)`
...
`

我想类型上有些变化。
之前是any现在是AnyStyledComponent,它停止工作了。
如何将Switch组件转换为AnyStyledComponent类型?
或任何其他解决方案,让这个工作再次受到欢迎。

mkshixfv

mkshixfv1#

问题是13.3.1 nextjs版本包含了对@types/react版本的更新:https://github.com/vercel/next.js/releases/tag/v13.3.1
升级@types/react到最新的18.x:#48645
这导致所用的react版本和@types/react版本之间不匹配。
@types/reactreact版本同步和固定解决了这个问题。
package.json:

"@types/react": "18.2.0",

相关问题