RollupError: «default» не экспортируется «node_modules/react/index.js» ⇐ Javascript

[Anonymous]

Первое использование Rollup для создания библиотеки, наличие базового компонента кнопки и возникновение этой ошибки при запуске rollup - c

src/index.ts → dist/esm/index.js... [!] RollupError: «default» не экспортируется «node_modules/react/index.js», импортируется «src/comComponents/Button/Button.tsx». https://rollupjs.org/troubleshooting/#e ... -by-module src/компоненты/Кнопка/Button.tsx (1:7) 1: импортировать React из «реагировать»; ^ 2: константная кнопка = (реквизит) => {

Следуя инструкциям по ссылке для устранения неполадок, установил @rollup/plugin-commonjs, но все равно получаю эту ошибку.

package.json

{ "name": "библиотека кнопок", "версия": "1.0.0", "описание": "", "скрипты": { "свернуть": "свернуть -c" }, "автор": "Леон Габан", "лицензия": "ISC", "зависимости": { "реагировать": "^18.2.0" }, "devDependency": { "@rollup/plugin-commonjs": "^25.0.4", "@rollup/plugin-node-resolve": "^15.2.1", "@rollup/plugin-typescript": "^11.1.3", "@types/react": "^18.2.22", "jest-environment-jsdom": "^29.7.0", "свернуть": "^3.29.2", "rollup-plugin-dts": "^6.0.2", "rollup-plugin-postcss": "^4.0.2", "tslib": "^2.6.2", "машинописный текст": "^5.2.2" }, "main": "dist/cjs/index.js", "модуль": "dist/esm/index.js", "файлы": [ "расстояние" ], "types": "dist/index/.d.ts" } Объединенная конфигурация

импортировать разрешение из "@rollup/plugin-node-resolve"; импортировать машинописный текст из "@rollup/plugin-typescript"; импортируйте commonjs из "@rollup/plugin-commonjs"; импортировать postcss из «rollup-plugin-postcss»; импортировать dts из «rollup-plugin-dts»; импортировать packageJson из "./package.json" Assert { type: "json" }; экспортировать по умолчанию [ { ввод: "src/index.ts", выход: [ { реж: "выход", формат: "cjs", файл: packageJson.module, формат: "эсм", исходная карта: правда, }, ], плагины: [ решать(), машинопись({ tsconfig: "./tsconfig.json" }), постксс(), ], }, { ввод: "dist/esm/types/index.d.ts", выход: [ { файл: "build/scripts.js", формат: "эсм", исходная карта: правда, глобальные переменные: ["реагировать"], }, { файл: "dist/index.d.ts", формат: "эсм", }, ], плагины: [ commonjs({ включить: "./node_modules/**", }), дтс(), ], внешний: [/\.(css|less|scss)$/], }, ]; Компонент «Кнопка»
импортировать React из «реагировать»; интерфейс ButtonProps { метка: строка; } const Button = (реквизит: ButtonProps) => { return {props.label; }; кнопка экспорта по умолчанию;