如何在d3 react typescript应用程序中正确设置“path”元素中属性“d”的类型

我试着用d3画一个三角形 symbol() 方法并将其分配给变量 symbolTri .

import { symbol, symbolTriangle } from "d3"
const symbolTri = symbol().size(100).type(symbolTriangle)

export const Component = () => {
    // ...
    return (
        <g>
            <path d={symbolTri()} />
        </g>
    )
}

但是在设置 d 属性a typescript错误 Type 'string | null' is not assignable to type 'string | undefined'. 发生。当悬停在显示的错误上时 'd' value should be of type d?: string | undefined; . 但我无法正确设置。任何帮助或建议都会非常有用。