Конфигурация накопительного внешнего с глобальной формой React и Hooks - PullRequest
Новая
       32

Конфигурация накопительного внешнего с глобальной формой React и Hooks

0 голосов
/ 06 ноября 2019

извините, если эта проблема не в том месте. Как это работает? Я получаю эту ошибку при запуске моего веб-приложения 

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

Возможно, у вас не совпадают версии React и средства визуализации (например, React DOM). Это мой накопительный пакет конфигурации 

const pkg = require('./package.json')
const libraryName = 'sensedia-web-components'

export default {
input: src/${libraryName}.ts,
external: [
...Object.keys(pkg.peerDependencies),
...Object.keys(pkg.dependencies),
...Object.keys(pkg.devDependencies)
],
output: {
file: pkg.main,
name: camelCase(libraryName),
format: 'umd', sourcemap: true,
globals: {
'react': 'React',
'react-dom': 'ReactDOM',
'styled-components': 'styled'
}
},
watch: {
include: 'src/**',
},
plugins: [
json(),
typescript({ useTsconfigDeclarationDir: true }),
commonjs(),
resolve({
dedupe: ['react', 'react-dom'], // Default: []
}),
sourceMaps(),
],
}

это мой терминал при запуске npm ls реагирует введите описание изображения здесь

Я использую хук в моей библиотеке и в моем веб-приложении 

const Components = () => {
   const [select, setSelect] = useState({ label: '', value: '' })

   return (
      <Fragment>
         <Row justify={'center'}>
            <Col xs={12} sm={12} md={12} lg={12}>
               <SelectBox
                  name="select"
                  label="Test de label"
                  options={options}
                  value={select}
                  onChange={setSelect}
                  id="test"
                  clearable
               />
            </Col>
         </Row>
      </Fragment>
   )
}

export default Components
...