Merge pull request #17

Update Icons package

next.config.js

@@ -4,11 +4,6 @@ const nextConfig = {
     domains: ['res.cloudinary.com', 'i.scdn.co'],
     unoptimized: true,
   },
-  modularizeImports: {
-    'react-icons': {
-      transform: 'react-icons/{{member}}',
-    },
-  },
   transpilePackages: ['geist'],
 
   typescript: { ignoreBuildErrors: true },

package.json

@@ -27,6 +27,7 @@
     "contentlayer": "^0.3.4",
     "framer-motion": "^10.18.0",
     "geist": "^1.2.1",
+    "lucide-react": "^0.456.0",
     "mdast-util-toc": "^7.0.0",
     "next": "^13.4.7",
     "next-contentlayer": "^0.3.4",
@@ -38,7 +39,6 @@
     "posthog-node": "^4.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "^4.11.0",
     "react-intersection-observer": "^9.5.2",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-pretty-code": "^0.10.0",

src/components/custom-icons.tsx

@@ -1,29 +1,27 @@
 import {
-  SiHeadlessui,
-  SiMongodb,
-  SiNextdotjs,
-  SiRadixui,
-  SiReact,
-  SiReactquery,
-  SiTailwindcss,
-  SiTrpc,
-  SiUpstash,
-} from 'react-icons/si';
+  Mongodb,
+  Nextdotjs,
+  Radixui,
+  React,
+  Reactquery,
+  Tailwindcss,
+  Upstash,
+} from './icons/simple-icons';
 
 const Icons: { [key: string]: React.ComponentType } = {
-  NextJS: SiNextdotjs,
-  Tailwind: SiTailwindcss,
-  HeadlessUI: SiHeadlessui,
-  ReactJS: SiReact,
-  RadixUI: SiRadixui,
-  MongoDB: SiMongodb,
-  ReactQuery: SiReactquery,
-  Trpc: SiTrpc,
-  Upstash: SiUpstash,
+  NextJS: Nextdotjs,
+  Tailwind: Tailwindcss,
+  ReactJS: React,
+  RadixUI: Radixui,
+  MongoDB: Mongodb,
+  ReactQuery: Reactquery,
+  Upstash: Upstash,
 };
+
 interface IconProps extends React.HTMLProps<SVGSVGElement> {
   icon: keyof typeof Icons;
 }
+
 export const Icon = ({ icon, ...props }: IconProps) => {
   const IconComponent = Icons[icon];
   return <IconComponent {...props} />;