Gatsby Link JSX 元素类型“Link”没有任何构造或调用签名

Question

更新到 Gatsby 5 后，我在使用 Gatsby Link

的地方出现以下错误

const Comp = (slug: string, value: string) => {
    return <Link to={slug}>{value}</Link>
}

'Link' cannot be used as a JSX component. Its type 'typeof import("/Users/.../node_modules/gatsby/index")' is not a valid JSX element type.

我找不到解决这个问题的方法

更新了所有相关包（Gatsby v5.12.4、React v18.2.0 及其类型）。

我希望能够毫无错误地使用这个组件

Answer 1

试试这个

import React from 'react';
import { Link } from 'gatsby';
//or
import { Link } from 'react-router-dom';
    
const Comp = ({ slug, value }) => {
return <Link to={slug}>{value}</Link>
}

export default Comp;