Merge pull request #392 from kaisermann/fix-jsx-ref

Replace JSX.Element with React.ReactElement
timolins · Feb 3, 2025 · 51d78b5 · 51d78b5
2 parents 3823791 + dedece2
commit 51d78b5
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/site/components/emoji-button.tsx b/site/components/emoji-button.tsx
@@ -1,6 +1,6 @@
 export const EmojiButton: React.FC<{
   onClick: () => void;
-  emoji: string | JSX.Element;
+  emoji: string | React.ReactElement;
   children?: React.ReactNode;
 }> = ({ onClick, children, emoji }) => (
   <button

diff --git a/site/pages/index.tsx b/site/pages/index.tsx
@@ -32,7 +32,7 @@ const Step: React.FC<{
   count: number;
   title: string;
   subTitle: string;
-  code: JSX.Element;
+  code: React.ReactElement;
 }> = (props) => (
   <div className="flex flex-col gap-1 items-center">
     <div className="h-6 w-6 mb-2 text-sm rounded-full bg-toast-900 text-toast-50 flex items-center justify-center">

diff --git a/site/types/mdx.d.ts b/site/types/mdx.d.ts
@@ -1,4 +1,4 @@
 declare module '*.mdx' {
-  let MDXComponent: (props: any) => JSX.Element;
+  let MDXComponent: (props: any) => React.ReactElement;
   export default MDXComponent;
 }
diff --git a/src/core/types.ts b/src/core/types.ts
@@ -9,7 +9,7 @@ export type ToastPosition =
   | 'bottom-center'
   | 'bottom-right';
 
-export type Renderable = JSX.Element | string | null;
+export type Renderable = React.ReactElement | string | null;
 
 export interface IconTheme {
   primary: string;
@@ -82,7 +82,7 @@ export interface ToasterProps {
   gutter?: number;
   containerStyle?: React.CSSProperties;
   containerClassName?: string;
-  children?: (toast: Toast) => JSX.Element;
+  children?: (toast: Toast) => React.ReactElement;
 }
 
 export interface ToastWrapperProps {