refactor: replace () => JSX.Element with React.ComponentType (#120)

packages/router/src/router.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react'
+import type { ComponentType as ReactComponentType } from 'react'
 
 import { trimPath, trimPathRight } from './utils'
 import type { Route } from './route'
@@ -12,7 +12,7 @@ interface CreateRouter {
 }
 
 interface RouteOptions {
-  component?: () => JSX.Element
+  component?: ReactComponentType
   hasHandler?: boolean
   routeTree?: RouteTree
 }

packages/router/src/types.ts

@@ -1,3 +1,5 @@
+import type { ComponentType as ReactComponentType } from 'react'
+
 export interface Segment {
   type: 'pathname' | 'param' | 'wildcard'
   value: string
@@ -17,6 +19,6 @@ export interface RouteProps {
   isLoading: boolean
 }
 
-export type RouteComponent = ((props: RouteProps) => JSX.Element) & {
+export type RouteComponent = ReactComponentType<RouteProps> & {
   preload: () => void
 }