From 55490579ec240dd6756af4c3aa50db0e3a70197c Mon Sep 17 00:00:00 2001
From: Marco Pasqualetti <24919330+marcalexiei@users.noreply.github.com>
Date: Mon, 18 Nov 2024 21:45:27 +0100
Subject: [PATCH] refactor: replace () => JSX.Element with
 `React.ComponentType` (#120)

---
 apps/documentation/src/components/sidebar/sidebar.tsx | 6 +++++-
 packages/router/src/router.ts                         | 4 ++--
 packages/router/src/types.ts                          | 4 +++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/documentation/src/components/sidebar/sidebar.tsx b/apps/documentation/src/components/sidebar/sidebar.tsx
index 43588ae6..cc966ed4 100644
--- a/apps/documentation/src/components/sidebar/sidebar.tsx
+++ b/apps/documentation/src/components/sidebar/sidebar.tsx
@@ -3,7 +3,11 @@ import { AppShell } from '@mantine/core'
 
 import SidebarLink from './sidebar-link'
 
-export default function Sidebar({ close }: { close: () => void }): JSX.Element {
+interface SidebarProps {
+  close: () => void
+}
+
+export default function Sidebar({ close }: SidebarProps): JSX.Element {
   return (
     <AppShell.Navbar p="md">
       <SidebarLink
diff --git a/packages/router/src/router.ts b/packages/router/src/router.ts
index da2239a0..e3045c9a 100644
--- a/packages/router/src/router.ts
+++ b/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
 }
diff --git a/packages/router/src/types.ts b/packages/router/src/types.ts
index 913b0b44..9321df2e 100644
--- a/packages/router/src/types.ts
+++ b/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
 }