Reactjs react中的生产Web包生成抛出无效挂钩调用错误

我正在尝试将react项目构建为一个库

我正在使用：

    "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>
    )
}

构建很好，但在第二个项目（由

create-react-app

创建）中安装后，我收到一个错误：

错误：缩小的反应错误#321；访问获取完整消息，或使用非小型开发环境获取完整错误和其他有用警告

没有钩子一切都好。。只有当我使用钩子时，我才会得到这个错误

什么地方出了问题，我该如何解决

---

谢谢。

renderMe

应该是大写的

renderMe

，或者它不作为React组件处理谢谢，但它是相同的。。。

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
        ]
    }
}