From 986d196a3719aef969b39038086427d5b1f77a1e Mon Sep 17 00:00:00 2001
From: zomars <zomars@me.com>
Date: Wed, 3 Apr 2024 22:14:08 -0700
Subject: [PATCH] hotfix: lazy icon dev performance

---
 packages/ui/components/icon/Icon.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/ui/components/icon/Icon.tsx b/packages/ui/components/icon/Icon.tsx
index 3784370ef8..4e4e666ad7 100644
--- a/packages/ui/components/icon/Icon.tsx
+++ b/packages/ui/components/icon/Icon.tsx
@@ -10,15 +10,13 @@ interface IconProps extends Omit<LucideProps, "ref"> {
   name: IconName;
 }
 
-const IconDev = dynamic(() => import("./IconDev"));
-const IconProd = dynamic(() => import("./IconProd"));
-
-const Icon = memo((props: IconProps) => {
+const IconLazy = dynamic(
   // Fast refresh doesn't play nice with dynamic imports
   // This prevent slowdowns in development mode
-  if (process.env.NODE_ENV === "development") return <IconDev {...props} />;
-  return <IconProd {...props} />;
-});
+  process.env.NODE_ENV === "production" ? () => import("./IconProd") : () => import("./IconDev")
+);
+
+const Icon = memo((props: IconProps) => <IconLazy {...props} />);
 
 Icon.displayName = "Icon";