fix(ts): JSX.Element has be deprecated

Longridge-High-School · Dec 13, 2024 · a51114c · a51114c
1 parent 7eaddf6
commit a51114c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/app/lib/dashboard/boxes.tsx b/app/lib/dashboard/boxes.tsx
@@ -8,8 +8,8 @@ import {recentItemsBox} from './recent-items'
 import {statsBox} from './stats'
 
 export type DashboardBoxFn<Data> = {
-  render: (data: Data, meta: string) => JSX.Element
-  metaComponent: (meta: string, id: string) => JSX.Element
+  render: (data: Data, meta: string) => React.ReactElement
+  metaComponent: (meta: string, id: string) => React.ReactElement
 }
 
 export const DashboardBox = ({

diff --git a/app/lib/fields/field.ts b/app/lib/fields/field.ts
@@ -1,3 +1,5 @@
+import {type ReactElement} from 'react'
+
 import {attachmentField} from './attachment'
 import {dateField} from './date'
 import {imageField} from './image'
@@ -24,7 +26,7 @@ export type Field = {
     helperText: string
     meta: string
     validation: {required: boolean}
-  }) => JSX.Element
+  }) => ReactElement
   viewComponent: ({
     value,
     title,
@@ -33,7 +35,7 @@ export type Field = {
     value: string
     title: string
     meta: string
-  }) => JSX.Element
+  }) => ReactElement
   listComponent: ({
     value,
     title,
@@ -42,8 +44,8 @@ export type Field = {
     value: string
     title: string
     meta: string
-  }) => JSX.Element
-  metaComponent: ({meta}: {meta: string}) => JSX.Element
+  }) => ReactElement
+  metaComponent: ({meta}: {meta: string}) => ReactElement
 }
 
 export const FIELD_TYPES = [