Как связать реагирующий компонент с помощью свертки для поддержки реагирующего крючка

Question

У меня есть конфигурация накопительного пакета: https://github.com/jmlivingston/react-components-library/blob/master/scripts/build/rollup.config.js

Я пытаюсь создать простой реактивный компонент (с крючками):

import styles from './GreenButton.module.scss'
import PropTypes from 'prop-types'
import React, {useState} from 'react'

function GreenButton ({onClick, text}) {
    const [value, setValue] = useState(0)
    return (
        <button className={styles.button} onClick={() => setValue(value + 1)}>
            {value}
        </button>
    )
}

GreenButton.propTypes = {
    onClick: PropTypes.func.isRequired,
    text: PropTypes.string.isRequired
}

export default GreenButton

После установки в fre * Проект 1029 * (реакция-создание-приложения) Я получаю сообщение об ошибке:

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

Почему? Что не так?

Без крючка работает правильно.

Также я пытался использовать autoExternal({peerDependencies: false}), с реакцией в peerDependencies, но проблема та же.

Может кто-нибудь помочь мне связать реагирующий компонент с крючками? Или приведите пример (статья, репо), как это сделать?

Спасибо.