React 17 CRA with new JSX transform before the official v4

If you install a new CRA and you don’t want to import React in each file right now these are the steps you need to do:

1. delete the node_modules folder
2. delete package-lock.json
3. replace the existing react-scripts with “react-scripts”: “4.0.0-next.98” in package.json
4. Replace esLintConfig with (in package.json):

 "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ],
    "rules": {
      "react/jsx-uses-react": "off",
      "react/react-in-jsx-scope": "off"
    }
  },

1. create an .env file and add SKIP_PREFLIGHT_CHECK=true in it
2. npm install

This is the workaround for now. Until the final v4 of CRA gets available this is what you have to do.🤠

[iansu]

The new version of Create React App hasn’t been released yet but this has already been implemented. When v4 is released this will work without you needing to do anything.

[alexdobsom]

Also, be careful to not delete the react import in index.js !

@alexdobsom but leaving it there gives me ‘React’ is defined but never used no-unused-vars

Did you do step 4?