Line 0: Parsing error: Cannot read property ‘map’ of undefined

by

Edit: as noted by Meng-Yuan Huang, this issue no longer occurs in react-scripts@^4.0.1

This error occurs because react-scripts has a direct dependency on the 2.xx range of @typescript-eslint/parser and @typescript-eslint/eslint-plugin.

You can fix this by adding a resolutions field to your package.json as follows:

"resolutions": {
  "**/@typescript-eslint/eslint-plugin": "^4.1.1",
  "**/@typescript-eslint/parser": "^4.1.1"
}

NPM users: add the resolutions field above to your package.json but use npx npm-force-resolutions to update package versions in package-lock.json.

Yarn users: you don’t need to do anything else. See selective dependency resolutions for more info.

NOTE: if you’re using a monorepo/Yarn workspaces, the resolutions field must be in the top-level package.json.

NOTE: yarn add and yarn upgrade-interactive don’t respect the resolutions field and they can generate a yarn.lock file with incorrect versions as a result. Watch out.

More Related Contents:

  1. How to fix missing dependency warning when using useEffect React Hook
  2. Disable ESLint that create-react-app provides
  3. ‘React’ was used before it was defined
  4. Understanding the React Hooks ‘exhaustive-deps’ lint rule
  5. Set types on useState React Hook with TypeScript
  6. React Hooks – Modified state not reflecting immediately
  7. React Hooks – Modified state not reflecting immediately
  8. is it possible to React.useState(() => {}) in React?
  9. Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui
  10. PropTypes in a TypeScript React Application
  11. React-hooks. Can’t perform a React state update on an unmounted component
  12. 404 Not Found when trying to install ESLint 8.4.4 with create-react-app
  13. How to use refs in React with Typescript
  14. React Hook : Send data from child to parent component
  15. In general is it better to use one or many useEffect hooks in a single component? [closed]
  16. React hooks useEffect only on update?
  17. My create-react-app is failing to compile due to ESLint error
  18. Unable to create new react app with npx create-react-app
  19. How do I hide an API key in Create React App?
  20. React Hooks: how to wait for the data to be fetched before rendering
  21. What does the colon mean in Javascript after function?
  22. React with Typescript — Generics while using React.forwardRef
  23. How to use environment variables in Github Page?
  24. Is it possible to limit children to specific components using React with TypeScript?
  25. How to define css variables in style attribute in React and TypeScript
  26. create-react-app: how to use https instead of http?
  27. Webpack & Typescript image import
  28. How to create dynamic refs in functional component- Using useRef Hook
  29. Put A Warning If Page Refresh in ReactJS
  30. create-react-app is not working since version 4.0.1

Leave a Comment