react-hook-form空上下文

Question

我创建了一个包含一些组件的库。其中一些组件是基于react-hook-form的，但在我的主应用程序中，呈现表单组件时遇到了问题。

import React from "react";
import Button from "@evgvis/test-lib/dist/base/Button";
import Form from "@evgvis/test-lib/dist/forms/Form";
import Input from "@evgvis/test-lib/dist/forms/Input";
    
    export default function App() {
        return (
            <div>
                <Button title="google" url="https://google.com" />
                <Form>
                    <Input name="test" label="test" />
                </Form>
            </div>
        );
    }

结果，我收到了一个错误：

TypeError
Cannot destructure property 'register' of 'Object(...)(...)' as it is null.

我使用github中的一些组件创建了test-lib，然后将其发布到npm，并创建了csb

你能复习一下吗？)

Answer 1

我解决了这个问题)

基本上我需要的是在webpack config中添加react-hook-form作为外部库

现在，csb正在发挥作用:)