Проблема с публикацией react компонента в npm
Пытаюсь опубликовать react компонент в npm, опубликовывается корректно, но при скачивании этого компонента, вылазит ошибка:
ReferenceError: React is not defined.
код package.json публикуемого компонента:
{
"name": "test-component-by-delonel",
"version": "1.9.5",
"peerDependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},
"main": "dist/TestComponent.js",
"module": "dist/TestComponent.js",
"files": ["/dist"],
"babel": {
"presets": [
[
"react"
],
[
"env"
],
[
"stage-0"
],
["@babel/preset-react", {"runtime": "automatic"}]
]
},
"scripts": {
"start": "react-scripts start",
"build": "rm -rf dist && cross-env NODE_ENV=production npx babel src/TestComponent --out-dir dist --copy-files",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"cross-env": "^7.0.3"
}
}
При выполнении команды npm run build, билдится папка dist c транспилированным кодом, пытался публиковать компонент вместе с node-modules (понимаю что так не нужно делать, но ради теста попробовал) вылазит та же ошибка. Проект сделан с помощью cra (create-react-app)