Бросок сборки производственного веб-пакета Неправильная ошибка вызова хука в реакции - PullRequest
Новая
       0

Бросок сборки производственного веб-пакета Неправильная ошибка вызова хука в реакции

0 голосов
/ 13 марта 2020

Я пытаюсь построить свой реактивный проект как библиотеку.

Я использую: 

    "react": "^16.13.0",
    "react-dom": "^16.13.0"

У меня есть простой компонент с одним useState: 

const renderMe = () => { 
    const [value, setValue] = React.useState(0);
    return (
        <button onClick={() => setValue(value + 1)}>
            {value}
        </button>
    )
}

Webpack: 

const path = require('path');
const styleLoaders = require('./scripts/style-loaders');

module.exports = {
    mode: 'production',
    entry: './src/index.ts',
    output: {
        path: path.resolve('dist'),
        filename: 'index.js',
        library: '',
        libraryTarget: 'commonjs'
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx']
    },
    module: {
        rules: [
            {
                test: /\.(ts|tsx)$/,
                exclude: /\.stories\.(ts|tsx)$/,
                loader: 'ts-loader'
            },
            ...styleLoaders
        ]
    }
}

Сборка в порядке, но после установки во втором проекте (создан create-react-app) я получаю сообщение об ошибке:

Ошибка: Minified React ошибка № 321; Посетите https://reactjs.org/docs/error-decoder.html?invariant=321 для полного сообщения или используйте неминифицированную среду разработки для полных ошибок и дополнительных полезных предупреждений.

Без хуков все в порядке .. Я получаю это ошибка только при использовании хуков.

Что не так и как я могу это исправить?

Спасибо.

...