React 16 (Big project Webpack migration) Disable jsxInject

[mishabutuzov]

Hi,

I want to use production code without any changes, but now - I need to remove all import React from'react'
How I can disable this (set skipReactImport to true), no options?

link

[ArnaudBarre]

What is your issue exactly? Even in case the check is not working, having an extra react import should not be an issue and should be removed by the bundler if not needed

[mishabutuzov]

I have duplicate react from'react' import error.

I use vite react latest typescript template, but change React and React Dom versions.
Downgrade to React 16.

Thats my config:
react({jsxRuntime: 'classic',}),

[ArnaudBarre]

Is there any reason you're not using automatic runtime?

How does the import looks like in your source code?
Do you have anything else in your config that could alter jsx transformation?

[mishabutuzov]

automatic work perfect with React 17 and higher.
But on React 16 I get jsx-runtime error, so jsxRuntime: 'classic' was a solution.

[ArnaudBarre]

Are you on 16.14?

Anyway without more context I can't really help you. Maybe there is an issue with the regex that doesn't detect you current imports.
Bu my advice is to not waste time on this an instead try to use automatic runtime so that React import is not needed without any hack.
More info with links to codemod: https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html

[mishabutuzov]

Thank you ArnaudBarre, Ill collect more information and post it.

I am using:

    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-redux": "^8.0.2",
    "typescript": "4.5.5",

[ArnaudBarre]

For info this behaviour was dropped in v4