From c7f281dad5539ecaffee55066c7112c5c4198331 Mon Sep 17 00:00:00 2001
From: Gunnar Torfi <gunnartorfis@gmail.com>
Date: Tue, 10 Sep 2024 09:09:08 +0000
Subject: [PATCH] fix: custom icons not rendering with <CssInterop.xx />

---
 example/src/ToastDemo.tsx | 12 ++++++++++++
 src/toast.tsx             |  4 +++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/example/src/ToastDemo.tsx b/example/src/ToastDemo.tsx
index 9960104..a935b24 100644
--- a/example/src/ToastDemo.tsx
+++ b/example/src/ToastDemo.tsx
@@ -65,6 +65,18 @@ export const ToastDemo: React.FC = () => {
         title="Custom id"
         onPress={() => toast('Custom id', { id: '123' })}
       />
+      <Button
+        title="Custom icon"
+        onPress={() => {
+          toast('Custom icon', {
+            icon: (
+              <View>
+                <Text>🚀</Text>
+              </View>
+            ),
+          });
+        }}
+      />
       <Button title="Show outside of a React component" onPress={handleToast} />
       <Button
         title="Toast with a promise"
diff --git a/src/toast.tsx b/src/toast.tsx
index 2785553..7a7c175 100644
--- a/src/toast.tsx
+++ b/src/toast.tsx
@@ -240,7 +240,9 @@ export const Toast: React.FC<ToastProps> = ({
             ) : (
               <ActivityIndicator />
             )
-          ) : icon || variant in icons ? (
+          ) : icon ? (
+            <View>{icon}</View>
+          ) : variant in icons ? (
             icons[variant]
           ) : (
             <ToastIcon variant={variant} invert={invert} />