Fix test errors

Author: rebeccaalpert

.eslintrc.json

@@ -94,6 +94,7 @@
     "react-hooks/exhaustive-deps": "warn",
     "react/no-unescaped-entities": ["error", { "forbid": [">", "}"] }],
     "spaced-comment": "error",
-    "use-isnan": "error"
+    "use-isnan": "error",
+    "react/react-in-jsx-scope": "off"
   }
 }

babel.config.js

@@ -1,8 +1,13 @@
 module.exports = {
   presets: [
     ['@babel/preset-env', { targets: { esmodules: true } }],
-    '@babel/preset-react',
+    [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic'
+      }
+    ],
     '@babel/preset-flow',
     '@babel/preset-typescript'
   ]
-};
+};

package.json

@@ -22,8 +22,8 @@
     "serve:a11y": "yarn workspace @patternfly/react-virtualized-extension serve:a11y"
   },
   "devDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "typescript": "^5.0.4",
     "@types/react": "^18.2.7",
     "@types/react-dom": "^18.2.4",

packages/module/patternfly-docs/pages/index.js

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 import { Title, PageSection } from '@patternfly/react-core';
 
 const centerStyle = {
@@ -9,7 +11,7 @@ const centerStyle = {
 
 const IndexPage = () => {
   return (
-    <PageSection hasBodyWrapper={false}  style={centerStyle}>
+    <PageSection hasBodyWrapper={false} style={centerStyle}>
       <div style={{ flex: 'none', textAlign: 'center' }}>
         <Title size="4xl" headingLevel="h1">
           My extension docs