Use children instead of render prop

timolins · May 16, 2021 · 8388051 · 8388051
1 parent ff9a762
commit 8388051
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/toaster.tsx b/src/components/toaster.tsx
@@ -44,20 +44,20 @@ const getPositionStyle = (
 
 interface ToasterProps {
   position?: ToastPosition;
+  toastOptions?: DefaultToastOptions;
   reverseOrder?: boolean;
   gutter?: number;
   containerStyle?: React.CSSProperties;
   containerClassName?: string;
-
-  toastOptions?: DefaultToastOptions;
-  renderToast?: (toast: Toast) => JSX.Element;
+  children?: (toast: Toast) => JSX.Element;
 }
 const DEFAULT_OFFSET = 16;
 
 export const Toaster: React.FC<ToasterProps> = ({
   reverseOrder,
   position = 'top-center',
   gutter,
+  children,
   containerStyle,
   toastOptions,
   containerClassName,
@@ -107,8 +107,8 @@ export const Toaster: React.FC<ToasterProps> = ({
           >
             {t.type === 'custom' ? (
               resolveValue(t.message, t)
-            ) : renderToast ? (
-              renderToast(t)
+            ) : children ? (
+              children(t)
             ) : (
               <ToastBar toast={t} position={toastPosition} />
             )}