Блог

Я создал библиотеку с несколькими компонентами. Некоторые компоненты основаны на 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.
 

Я создал test-lib с помощью нескольких компонентов в github, затем опубликовал его в npm и создал csb

Можете ли вы просмотреть его;)

я решил эту проблему)
в основном, что мне нужно, это просто добавить react-hook-form в качестве внешней библиотеки в конфигурацию webpack
и теперь csb работает 🙂