Uploaded image for project: 'Hybrid Cloud Console'
  1. Hybrid Cloud Console
  2. RHCLOUD-44375

[update18] Ensure insights-chrome is React 19 ready

XMLWordPrintable

    • False
    • Hide

      None

      Show
      None
    • False
    • None
    • Unset
    • None

      Ensure React ^18.3 is used and all React 19 readiness warnings are resolved. See https://react.dev/blog/2024/04/25/react-19-upgrade-guide

      Update to use new JSX transform

      diff --git a/tsconfig.json b/tsconfig.json
      index 499cbd30..0f24014d 100644
      --- a/tsconfig.json
      +++ b/tsconfig.json
      @@ -5,7 +5,7 @@
           "noImplicitAny": true,
           "module": "esnext",
           "target": "esnext",
      -    "jsx": "react",
      +    "jsx": "react-jsx",
           "allowJs": true,
           "moduleResolution": "bundler",
           "removeComments": false

      Ensure jsx-runtime is provided as a singleton

      diff --git a/config/webpack.plugins.js b/config/webpack.plugins.js
      index f94518bf..c4f06701 100644
      --- a/config/webpack.plugins.js
      +++ b/config/webpack.plugins.js
      @@ -47,6 +47,7 @@ const plugins = (dev = false, beta = false, restricted = false) => {
             shared: [
               { react: { singleton: true, eager: true, requiredVersion: deps.react } },
               { 'react-dom': { singleton: true, eager: true, requiredVersion: deps['react-dom'] } },
      +        { 'react/jsx-runtime': { singleton: true, eager: true, requiredVersion: deps.react } }, 

              Unassigned Unassigned
              rh-ee-chmulder Charles Mulder
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: