'React' is declared but its value is never read in ts 4.2

user_911930 0
Viewed 7392

Just upgraded to typescript 4.2.2 and started receiving following warning for all my react imports i.e.

import React from "react";

Causes this warning

'React' is declared but its value is never read

This import was working fine before and is required to use jsx as far as I am aware. I looked at the change log, but didn't see any changes related to this new warning. My tsconfig also has "jsx": "react-jsx"

Any advice on how to resolve this?

typescript reactjs
3 Answers

In my case I had no access to babel, however was able to fix this via following webpack plugin

  plugins: [
    new webpack.ProvidePlugin({
      React: 'react'
    })
  ]
user_9119300

You can disable this error check globally by opening the tsconfig.json file and setting the noUnusedLocals property to false.

user_174698920

add:

export default React.memo(YourComponent);
user_166624990
Related