仅在开发模式下延迟加载React-hook-form devtools

Question

嘿，我希望延迟加载 Devtools 组件，并且仅在环境为“development”时才加载它 我试过这个： 在组件本身我有这个

 process.env?.NODE_ENV === 'development' &&  < DevTool/>

进口

const {DevTool} = React.lazy(() => '@hookform/devtools');

但是我收到了这个错误：

Property 'DevTool' does not exist on type 'ExoticComponent<any> & { readonly _result: ComponentType<any>; }'.ts(2339)

如何仅在开发模式下加载开发工具？

Answer 1

const {DevTool} = React.lazy(() => '@hookform/devtools'); => const {DevTools} = React.lazy(() => '@hookform/devtools');

我相信您的导入在 DevTools 末尾缺少 s