Type '{}' is not assignable to type 'ReactNode' with Bitbucket pipelines cache (works locally) -- need to specify @types/react-dom
#309
Comments
agilgur5
changed the title
semantic error TS2322: Type 'React.ReactNode' is not assignable to type 'import("/opt/atlassian/pipelines/agent/build/node_modules/@types/styled-components/node_modules/@types/react/index").ReactNode'
agilgur5
changed the title
semantic error TS2322: Type 'React.ReactNode' is not assignable to type 'import("/opt/atlassian/pipelines/agent/build/node_modules/@types/styled-components/node_modules/@types/react/index").ReactNode'
|
Difficult to tell, I'm not sure from a quick glance at the log (ezolenko might be able to interpret better) It's very possible that you have a corrupted cache in your pipeline, and if you fix that once, it might start working from there on. You can also use |
agilgur5
added
the
solution: workaround available
agilgur5
changed the title
Type '{}' is not assignable to type 'ReactNode' with Bitbucket pipelines cache -- need to specify @types/react-dom
agilgur5
added
the
solution: tsc behavior
agilgur5
changed the title
Type '{}' is not assignable to type 'ReactNode' with Bitbucket pipelines cache -- need to specify @types/react-domType '{}' is not assignable to type 'ReactNode' with Bitbucket pipelines cache (works locally) -- need to specify @types/react-dom
agilgur5
added
solution: out-of-scope
|
I looked this up and it seems like this a typing / dependency error. The corresponding React issue for this (which also lists workarounds and links out to other issues, such as in DefinitelyTyped) can be found here: facebook/react#24304 Given the timing of the SO questions, related issues, React 18's release, and the coincided timing of this issue, it seems highly likely that this is the same issue. As such this is unrelated to this plugin and the behavior should be identical when using |
agilgur5
added
the
scope: integration
|
Thank you! 🙏 |
What happens and why it is wrong
Locally, the build succeeds without any problems, but when included node caches in Bitbucket pipelines, the build fails.
After removing the cached node_modules in the Bitbucket pipelines script, the build succeeds in the container.
Any ideas why?
Environment
Versions
rollup.config.js
`rollup.config.js`:
tsconfig.json
`tsconfig.json`:
package.json
`package.json`:
{ "main": "lib/index.js", "module": "lib/index.esm.js", "types": "lib/index.d.ts", "scripts": { "test": "jest", "storybook": "start-storybook -p 6006", "build-storybook": "build-storybook", "build": "rollup -c", "lint": "eslint '**/*.{js,ts,tsx}' --max-warnings=0", "lint:fix": "npm run lint -- --fix", "clear:babel-cache": "rimraf -rf ./node_modules/.cache/babel-loader/*" }, "devDependencies": { "@babel/cli": "^7.16.7", "@babel/core": "^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-transform-modules-commonjs": "^7.16.8", "@babel/preset-env": "^7.16.8", "@babel/preset-react": "^7.16.7", "@babel/preset-typescript": "^7.16.7", "@babel/types": "^7.16.8", "@changesets/cli": "^2.20.0", "@rollup/plugin-commonjs": "^21.0.1", "@rollup/plugin-node-resolve": "^13.1.1", "@storybook/addon-a11y": "^6.4.14", "@storybook/addon-actions": "^6.4.14", "@storybook/addon-controls": "^6.4.14", "@storybook/addon-docs": "^6.4.14", "@storybook/addon-essentials": "^6.4.14", "@storybook/addon-links": "^6.4.14", "@storybook/react": "^6.4.14", "@testing-library/react": "^12.1.2", "@testing-library/react-hooks": "^7.0.2", "@testing-library/user-event": "^13.5.0", "@types/chroma-js": "^2.1.3", "@types/enzyme": "^3.10.11", "@types/jest": "^27.4.0", "@types/jest-axe": "^3.5.3", "@types/react": "^17.0.37", "@types/react-test-renderer": "^17.0.1", "@typescript-eslint/eslint-plugin": "^5.9.1", "@typescript-eslint/parser": "^5.9.1", "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6", "babel-core": "^6.26.3", "babel-loader": "^8.2.3", "babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-macros": "^3.1.0", "babel-plugin-preval": "^5.0.0", "babel-plugin-styled-components": "^2.0.2", "babel-plugin-transform-replace-expressions": "^0.2.0", "babel-polyfill": "^6.26.0", "chroma-js": "^2.1.2", "chromatic": "^6.5.3", "csstype": "^3.0.10", "enzyme": "^3.11.0", "eslint": "^8.6.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-jsx-a11y": "^6.5.1", "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-react": "^7.28.0", "eslint-plugin-react-hooks": "^4.3.0", "jest": "^27.4.7", "jest-axe": "^5.0.1", "jest-styled-components": "^7.0.8", "lodash.isempty": "^4.4.0", "lodash.isobject": "^3.0.2", "postcss": "^8.4.5", "prettier": "^2.5.1", "prop-types": "^15.8.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-test-renderer": "^17.0.2", "rollup": "^2.61.1", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-postcss": "^4.0.2", "rollup-plugin-terser": "^7.0.2", "rollup-plugin-typescript2": "^0.31.1", "rollup-plugin-visualizer": "^5.6.0", "storybook-addon-performance": "^0.16.1", "ts-toolbelt": "^9.6.0", "typescript": "^4.5.4" }, "peerDependencies": { "react": "^17.0.2", "react-dom": "^17.0.2", "styled-components": "^5.3.3" }, "dependencies": { "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", "@styled-system/theme-get": "^5.1.2", "@types/styled-components": "^5.1.24", "@types/styled-system": "^5.1.15", "@types/styled-system__css": "^5.0.16", "@types/styled-system__theme-get": "^5.0.2", "deepmerge": "^4.2.2", "focus-visible": "^5.2.0", "styled-system": "^5.1.5" } }plugin output with verbosity 3
plugin output with verbosity 3:
The text was updated successfully, but these errors were encountered: