Merge pull request #137 from chhsiao1981/thunk-context-as-jsx-element

ThunkContext as JSX.Element

Author: chhsiao1981

src/ThunkContext.tsx

@@ -1,17 +1,18 @@
-import { type ReactElement, useMemo, useState } from 'react'
+import { type JSX, useMemo, useState } from 'react'
 import type { ClassState } from './stateTypes'
 import { THUNK_CONTEXT_MAP } from './thunkContextMap'
 
 type Props = {
   classes?: string[]
-  children: ReactElement
+  children?: JSX.Element
 }
-const ThunkContext = (props: Props): ReactElement => {
+const ThunkContext = (props: Props): JSX.Element => {
   let { classes, children } = props
   if (!classes) {
     classes = THUNK_CONTEXT_MAP.theList
   }
   if (classes.length === 0) {
+    // @ts-expect-error with children
     return children
   }
 

types/ThunkContext.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
+import { type JSX } from 'react';
 type Props = {
     classes?: string[];
-    children?: ReactNode;
+    children?: JSX.Element;
 };
-declare const ThunkContext: (props: Props) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const ThunkContext: (props: Props) => JSX.Element;
 export default ThunkContext;