一个自定义的组件CustomComponent，其中一个属性的值为false|string

xxx.tsx

type Props = {
    radius: false|string
} & HTMLAttributes<HTMLDivElement>

function CustomComponent({radius, children, ...rest}:Props) {
    console.log(radius)

    return (
        <div {...rest}>
            {children}
        </div>
    )
}

function App() {
    return (
        <CustomComponent radius={false}>{/*就这玩意报错*/}
            child
        </CustomComponent>
    )
}

上面代码，只要把radius设置为false就会报错：（报错也不会对组件造成任何影响）

然而，Material的Container组件也采用了false的属性值，人家可没报错

也尝试了分析人家的源码，无奈功力不够，搞不明白其中的一二

上面的报错让我把false改为'false'；查阅了相关资料，也有人使用0来代替false，可我就是想用false 怎样可以解决这个报错？