为React库配置汇总

对不起,我没有寄到其他地方。

这是我的汇总配置

import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
import pkg from './package.json';

export default {
  input: 'src/index.js',
  external: ['react', 'react-dom', 'prop-types'],
  output: [
    { file: pkg.main, format: 'cjs', exports: 'named' },
    { file: pkg.module, format: 'es', exports: 'named' },
  ],
  plugins: [
    resolve(),
    commonjs({
      include: 'node_modules/**',
    }),
    babel({
      exclude: 'node_modules/**',
    }),
    terser(),
  ],
};

这是我项目的全部源代码 https://github.com/withvoid/melting-pot

在NPMJS上发布 https://www.npmjs.com/package/@withvoid/melting-pot

我的问题是,如果我把我的库添加到 https://github.com/facebook/create-react-app 项目,但当我将它添加到代码沙盒项目中时

https://codesandbox.io/s/6lqzp7q28w

它给了我一个错误

不变冲突 只能在函数组件的主体内部调用挂钩。

我似乎不知道这是代码沙盒问题(我对此表示怀疑)还是我的汇总配置问题。