fix: ensure JSX transform works after eject with React 17 (#9953) #17109
  Add this suggestion to a batch that can be applied as a single commit.
  This suggestion is invalid because no changes were made to the code.
  Suggestions cannot be applied while the pull request is closed.
  Suggestions cannot be applied while viewing a subset of changes.
  Only one suggestion per line can be applied in a batch.
  Add this suggestion to a batch that can be applied as a single commit.
  Applying suggestions on deleted lines is not supported.
  You must change the existing code in this line in order to create a valid suggestion.
  Outdated suggestions cannot be applied.
  This suggestion has been applied or marked resolved.
  Suggestions cannot be applied from pending reviews.
  Suggestions cannot be applied on multi-line comments.
  Suggestions cannot be applied while the pull request is queued to merge.
  Suggestion cannot be applied right now. Please check back later.
  
    
  
    
Description
This PR fixes issue #9953 by ensuring that the new JSX transform introduced in React 17 continues to work even after ejecting a Create React App project.
Currently, after ejecting, the Babel configuration does not include the necessary plugin for the new JSX runtime, resulting in
ReferenceError: React is not definedunlessimport Reactis manually added to every file.Fix
@babel/preset-reactwithruntime: 'automatic'option to the Babel configuration in the ejected Webpack setup.import Reactis no longer required when using the automatic runtime.Related Issue
Closes #9953
Checklist
Preview
After this fix:
import React from 'react'safely in component filesReferenceError: React is not definedafter ejectingLet me know if further changes are needed!