chore(react): Remove private namespace JSX (#12691)

Author: quisido

packages/react/src/reactrouter.tsx

@@ -16,6 +16,7 @@ import {
 import type { Client, Integration, Span, TransactionSource } from '@sentry/types';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import * as React from 'react';
+import type { ReactElement } from 'react';
 
 import type { Action, Location } from './types';
 
@@ -32,7 +33,7 @@ export type RouteConfig = {
   [propName: string]: unknown;
   path?: string | string[];
   exact?: boolean;
-  component?: JSX.Element;
+  component?: ReactElement;
   routes?: RouteConfig[];
 };
 

packages/react/src/types.ts

@@ -1,5 +1,6 @@
 // Disabling `no-explicit-any` for the whole file as `any` has became common requirement.
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import type { ReactElement } from 'react';
 
 export type Action = 'PUSH' | 'REPLACE' | 'POP';
 
@@ -67,7 +68,7 @@ export type UseNavigationType = () => Action;
 // react-router > 6.0.0 and >= 6.4.2.
 export type RouteObjectArrayAlias = any;
 export type RouteMatchAlias = any;
-export type CreateRoutesFromChildren = (children: JSX.Element[]) => RouteObjectArrayAlias;
+export type CreateRoutesFromChildren = (children: ReactElement[]) => RouteObjectArrayAlias;
 export type MatchRoutes = (
   routes: RouteObjectArrayAlias,
   location: Location,