Here is what I did:
nvm install 12
rm -rf *
rm .*
npm install yarn -g
yarn init
yarn add ts-react-toolbox -D
yarn node_modules/.bin/ts-react-toolbox init
Running it throws
Module not found: Error: Can't resolve 'styled-components' in '/Users/sasha/hobby/portfolio/website/node_modules/react-gh-corner/dist'
Going up to result of yarn add I can see it tells me:
warning "ts-react-toolbox > eslint-config-airbnb@18.2.1" has unmet peer dependency "eslint-plugin-react-hooks@^4 || ^3 || ^2.3.0 || ^1.7.0".
warning "ts-react-toolbox > react-gh-corner@1.1.2" has unmet peer dependency "styled-components@^3.3.2".
as well as 5 of
warning "ts-react-toolbox > enzyme-adapter-react-16@1.15.6" has incorrect peer dependency "react@^16.0.0-0".
warning "ts-react-toolbox > enzyme-adapter-react-16@1.15.6" has incorrect peer dependency "react-dom@^16.0.0-0".
warning "ts-react-toolbox > react-gh-corner@1.1.2" has incorrect peer dependency "react@^16.3.0".
warning "ts-react-toolbox > ts-jest@27.1.2" has incorrect peer dependency "jest@^27.0.0".
warning "ts-react-toolbox > enzyme-adapter-react-16 > enzyme-adapter-utils@1.14.0" has incorrect peer dependency "react@0.13.x || 0.14.x || ^15.0.0-0 || ^16.0.0-0".
warning "ts-react-toolbox > enzyme-adapter-react-16 > react-test-renderer@16.14.0" has incorrect peer dependency "react@^16.14.0".
warning "ts-react-toolbox > enzyme-adapter-react-16 > enzyme-adapter-utils > airbnb-prop-types@2.16.0" has incorrect peer dependency "react@^0.14 || ^15.0.0 || ^16.0.0-alpha".
After adding all these missing peer dependencies and incorrect ones, I had to still add react-gh-corner and @emotion/react because they are used in example.
Here is what I did:
Running it throws
Going up to result of
yarn addI can see it tells me:as well as 5 of
After adding all these missing peer dependencies and incorrect ones, I had to still add
react-gh-cornerand@emotion/reactbecause they are used in example.