Bump react and @types/react in /src

.github/dependabot.yml

@@ -19,25 +19,37 @@ updates:
       aws-sdk:
         patterns:
           - "@aws-sdk*"
+
       aws-cdk:
         patterns:
           - "aws-cdk"
           - "aws-cdk-lib"
+
       graphql-tools:
         patterns:
           - "@graphql-tools*"
+
       mikro-orm:
         patterns:
           - "@mikro-orm*"
+
       nivo:
         patterns:
           - "@nivo*"
+
       opentelemetry:
         patterns:
           - "@opentelemetry*"
+
+      react:
+        patterns:
+          - "react"
+          - "react-dom"
+
       simplewebauthn:
         patterns:
           - "@simplewebauthn*"
+
       typescript-eslint:
         patterns:
           - "@typescript-eslint*"

src/examples/auth-zero/package.json

@@ -27,7 +27,7 @@
 		"graphql": "16.9.0",
 		"graphweaver": "workspace:*",
 		"mikro-orm-sqlite-wasm": "workspace:*",
-		"react": "18.3.1"
+		"react": "19.0.0"
 	},
 	"devDependencies": {
 		"@types/node": "22.10.1",

src/examples/aws-cognito/package.json

@@ -27,7 +27,7 @@
 		"@exogee/graphweaver-server": "workspace:*",
 		"dotenv": "16.4.7",
 		"graphql": "16.9.0",
-		"react": "18.3.1"
+		"react": "19.0.0"
 	},
 	"devDependencies": {
 		"@types/node": "22.10.1",

src/examples/databases/package.json

@@ -35,8 +35,8 @@
 		"graphweaver": "workspace:*",
 		"mysql2": "3.11.5",
 		"pg": "8.13.1",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-syntax-highlighter": "15.6.1"
 	},
 	"devDependencies": {

src/examples/microsoft-entra/package.json

@@ -27,7 +27,7 @@
 		"graphql": "16.9.0",
 		"graphweaver": "workspace:*",
 		"mikro-orm-sqlite-wasm": "workspace:*",
-		"react": "18.3.1"
+		"react": "19.0.0"
 	},
 	"devDependencies": {
 		"@types/node": "22.10.1",

src/examples/rest-with-auth/package.json

@@ -34,7 +34,7 @@
 		"graphql": "16.9.0",
 		"graphweaver": "workspace:*",
 		"mysql2": "3.11.5",
-		"react": "18.3.1"
+		"react": "19.0.0"
 	},
 	"devDependencies": {
 		"@types/node": "22.10.1",

src/examples/s3-storage/package.json

@@ -35,8 +35,8 @@
 		"graphql": "16.9.0",
 		"graphweaver": "workspace:*",
 		"pg": "8.13.1",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-syntax-highlighter": "15.6.1"
 	},
 	"devDependencies": {

src/examples/sqlite/package.json

@@ -23,8 +23,8 @@
 		"@mikro-orm/sqlite": "6.4.2",
 		"graphql": "16.9.0",
 		"mikro-orm-sqlite-wasm": "workspace:*",
-		"react": "18.3.1",
-		"react-dom": "18.3.1"
+		"react": "19.0.0",
+		"react-dom": "19.0.0"
 	},
 	"devDependencies": {
 		"@types/node": "22.10.1",

src/examples/xero/package.json

@@ -42,8 +42,8 @@
 		"graphql": "16.9.0",
 		"graphweaver": "workspace:*",
 		"prop-types": "15.8.1",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-router-dom": "6.28.0",
 		"xero-node": "9.3.0"
 	},

src/packages/admin-ui-components/@types/custom-pages.d.ts

@@ -1,5 +1,7 @@
 declare module 'virtual:graphweaver-user-supplied-custom-pages' {
 	import { RouteObject } from 'react-router-dom';
+	import { JSX } from 'react';
+
 	export interface NavLinkExport {
 		name: string;
 		route: string;

src/packages/admin-ui-components/package.json

@@ -44,22 +44,22 @@
 	"peerDependencies": {
 		"formik": "^2.4.6",
 		"graphql": "^16.9.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0",
 		"react-router-dom": "^6.26.2"
 	},
 	"devDependencies": {
 		"@types/graphql-deduplicator": "2.0.2",
 		"@types/luxon": "3.4.2",
 		"@types/papaparse": "5.3.15",
-		"@types/react": "18.3.12",
+		"@types/react": "19.0.2",
 		"@types/react-syntax-highlighter": "15.5.13",
 		"esbuild": "0.24.0",
 		"esbuild-plugin-copy": "2.1.1",
 		"formik": "2.4.6",
 		"glob": "10.4.3",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-router-dom": "6.28.0",
 		"typescript": "5.7.2",
 		"vite": "6.0.3"

src/packages/admin-ui-components/src/alert/alert.tsx

@@ -9,7 +9,7 @@ export interface AlertProps {
 	children?: ReactNode;
 }
 
-export const Alert = ({ severity = 'error', children }: AlertProps): JSX.Element => {
+export const Alert = ({ severity = 'error', children }: AlertProps) => {
 	const severityClass = {
 		['error']: styles.error,
 		['warning']: styles.warning,

src/packages/admin-ui-components/src/button/button.tsx

@@ -23,7 +23,7 @@ export const Button = ({
 	type = 'button',
 	disabled = false,
 	loading = false,
-}: PropsWithChildren<ButtonProps>): JSX.Element => {
+}: PropsWithChildren<ButtonProps>) => {
 	const buttonRef = useRef<HTMLButtonElement>(null);
 	const navigate = useNavigate();
 

src/packages/admin-ui-components/src/header/component.tsx

@@ -5,10 +5,8 @@ export interface HeaderProps {
 	children?: ReactNode;
 }
 
-export const Header = ({ children }: HeaderProps): JSX.Element => {
-	return (
-		<header>
-			<div className={styles.header}>{children}</div>
-		</header>
-	);
-};
+export const Header = ({ children }: HeaderProps) => (
+	<header>
+		<div className={styles.header}>{children}</div>
+	</header>
+);

src/packages/admin-ui-components/src/popover/component.tsx

@@ -31,7 +31,7 @@ export const Popover = ({
 	defaultValue,
 	position = 'bottom',
 	...props
-}: PropsWithChildren<PopoverProps>): JSX.Element => {
+}: PropsWithChildren<PopoverProps>) => {
 	const [isOpen, setIsOpen] = useState(false);
 
 	const handleOnClickItem = (item: PopoverItem) => {

src/packages/admin-ui-components/src/require-schema/component.tsx

@@ -6,7 +6,7 @@ export interface RequireSchemaProps {
 	children?: ReactNode;
 }
 
-export const RequireSchema = ({ children }: RequireSchemaProps): JSX.Element => {
+export const RequireSchema = ({ children }: RequireSchemaProps) => {
 	const { loading, error } = useSchema();
 
 	if (error) return <div>{error.message}</div>;

src/packages/admin-ui-components/src/utils/use-schema.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react';
+import { useEffect, useMemo, JSX } from 'react';
 import { InMemoryCache, useQuery } from '@apollo/client';
 import { generateTypePolicies } from '@exogee/graphweaver-apollo-client';
 

src/packages/admin-ui/package.json

@@ -27,15 +27,15 @@
 		"formik": "2.4.6",
 		"graphql": "16.9.0",
 		"prop-types": "15.8.1",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-modal": "3.16.1",
 		"react-router-dom": "6.28.0"
 	},
 	"devDependencies": {
 		"@chialab/esbuild-plugin-html": "0.18.2",
-		"@types/react": "18.3.12",
-		"@types/react-dom": "18.3.1",
+		"@types/react": "19.0.2",
+		"@types/react-dom": "19.0.0",
 		"@types/react-modal": "3.16.3",
 		"@vitejs/plugin-react": "4.3.4",
 		"esbuild": "0.24.0",

src/packages/auth-ui-components/package.json

@@ -37,21 +37,21 @@
 		"@exogee/graphweaver-admin-ui-components": "workspace:*",
 		"formik": "^2.2.9",
 		"graphql": "^16.9.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0",
 		"react-router-dom": "^6.23.1"
 	},
 	"devDependencies": {
 		"@auth0/auth0-spa-js": "2.1.3",
 		"@azure/msal-browser": "3.28.0",
 		"@exogee/graphweaver-admin-ui-components": "workspace:*",
 		"@simplewebauthn/types": "10.0.0",
-		"@types/react": "18.3.12",
-		"@types/react-dom": "18.3.1",
+		"@types/react": "19.0.2",
+		"@types/react-dom": "19.0.2",
 		"esbuild": "0.24.0",
 		"glob": "10.4.3",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"typescript": "5.7.2",
 		"vite": "6.0.3"
 	},

src/packages/xero/package.json

@@ -29,18 +29,13 @@
 		"graphql": "16.9.0",
 		"xero-node": "9.3.0"
 	},
-	"peerDependencies": {
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"react-router-dom": "^6.26.2"
-	},
 	"devDependencies": {
 		"@types/node": "22.10.1",
 		"esbuild": "0.24.0",
 		"glob": "10.4.3",
 		"prettier": "3.4.2",
-		"react": "18.3.1",
-		"react-dom": "18.3.1",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"react-router-dom": "6.28.0",
 		"typescript": "5.7.2"
 	},