diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index de49bf8e..00000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["myfursona"],
-  settings: {
-    next: {
-      rootDir: ["apps/*/"]
-    }
-  }
-}
diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 00000000..f3a5bdc2
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,9 @@
+{
+  "root": true,
+  "extends": ["myfursona"],
+  "settings": {
+    "next": {
+      "rootDir": ["apps/*/"]
+    }
+  }
+}
diff --git a/TODO.md b/TODO.md
index 23b70f56..98160496 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,6 +1,5 @@
 ## TODO list
 
-
 ### Components
 
 - [ ] Notification Drop Down
@@ -17,7 +16,7 @@
 - [ ] Completed Landing Page
 - [ ] Terms and Service
 - [ ] Pricing Page
-- [ ] Character 
+- [ ] Character
 - [ ] Art Page
 - [ ] Character Shop Page
 - [ ] Character Gallery Page
@@ -26,10 +25,9 @@
 
 - [ ] Avatar Cropper (Appears when Uploading Images for Characters/Characters)
 
-
-*Tasks listed below are just waiting to get the backend setup*
+_Tasks listed below are just waiting to get the backend setup_
 
 - [ ] Authentication, Signing In, Out, Registering, Email Verification
 - [ ] Ability to create a Fursona
 - [ ] Ability to upload images
-- [ ] Access Control on Characters
\ No newline at end of file
+- [ ] Access Control on Characters
diff --git a/apps/website/package.json b/apps/website/package.json
index b03b08d9..87156748 100644
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -9,9 +9,6 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-brands-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "@headlessui/react": "^1.7.17",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
@@ -27,6 +24,7 @@
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "autoprefixer": "^10.4.15",
+    "class-variance-authority": "^0.7.0",
     "detect-browser": "^5.3.0",
     "eslint": "^8.48.0",
     "eslint-config-next": "^13.4.19",
@@ -34,12 +32,12 @@
     "gray-matter": "^4.0.3",
     "gsap": "^3.12.2",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.269.0",
     "next": "^13.4.19",
     "next-pwa": "^5.6.0",
     "postcss": "^8.4.28",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.11.0",
     "react-player": "^2.13.0",
     "react-quill": "^2.0.0",
     "sass": "^1.66.1",
diff --git a/apps/website/src/app/blog/page.tsx b/apps/website/src/app/blog/page.tsx
index ec0e3656..8d231c95 100644
--- a/apps/website/src/app/blog/page.tsx
+++ b/apps/website/src/app/blog/page.tsx
@@ -1,6 +1,6 @@
 import { MarginClamp, Separator, Tabs } from "@/components/ui"
 import { Button } from "@/components/ui/Buttons"
-import { RssIcon, SearchIcon } from "lucide-react"
+import { LuRss as RssIcon, LuSearch as SearchIcon } from "react-icons/lu"
 import type { Metadata } from "next"
 
 const title = "Blog"
diff --git a/apps/website/src/app/browse/ShelfSection.tsx b/apps/website/src/app/browse/ShelfSection.tsx
index 1573a0a1..7639cba8 100644
--- a/apps/website/src/app/browse/ShelfSection.tsx
+++ b/apps/website/src/app/browse/ShelfSection.tsx
@@ -1,5 +1,5 @@
 import { Carousel, GridResponsive } from "@/components/ui"
-import type { LucideIcon } from "lucide-react"
+import type { IconType } from "react-icons"
 
 export default function ShelfSection({
   children,
@@ -7,7 +7,7 @@ export default function ShelfSection({
   title
 }: {
   children?: React.ReactNode
-  icon?: LucideIcon
+  icon?: IconType
   title?: string
 }) {
   return (
@@ -15,7 +15,7 @@ export default function ShelfSection({
       as="section"
       title={
         <span className="flex items-center gap-x-1 font-bold font-inter text-2xl">
-          <Icon size={26} className="mr-2" />
+          <Icon size="1.3rem" className="mr-2" />
           {title}
         </span>
       }
diff --git a/apps/website/src/app/browse/page.tsx b/apps/website/src/app/browse/page.tsx
index 14764f33..99eb7e69 100644
--- a/apps/website/src/app/browse/page.tsx
+++ b/apps/website/src/app/browse/page.tsx
@@ -1,4 +1,9 @@
-import { Brush, Heart, Layers, Sparkles } from "lucide-react"
+import {
+  LuBrush as Brush,
+  LuHeart as Heart,
+  LuLayers as Layers,
+  LuSparkles as Sparkles
+} from "react-icons/lu"
 import { FursonaCard } from "@/components/ui/Cards"
 import type { FursonaStatus } from "@/types/Fursonas"
 import ShelfSection from "./ShelfSection"
@@ -47,7 +52,7 @@ export default function Browse() {
               Artists Open for Comissions
             </span>
             <hr />
-            <div></div>
+            <div />
           </div>
         </div>
         <div className="flex flex-row my-3">
@@ -56,7 +61,7 @@ export default function Browse() {
             Curated Collections
           </span>
           <hr />
-          <div></div>
+          <div />
         </div>
       </div>
     </MarginClamp>
diff --git a/apps/website/src/app/profile/[profile]/(characters)/characters/CharacterView.tsx b/apps/website/src/app/profile/[profile]/(characters)/characters/CharacterView.tsx
index e951ba68..36d56ece 100644
--- a/apps/website/src/app/profile/[profile]/(characters)/characters/CharacterView.tsx
+++ b/apps/website/src/app/profile/[profile]/(characters)/characters/CharacterView.tsx
@@ -1,7 +1,11 @@
 "use client"
 
 import { useState } from "react"
-import { CheckCircle2Icon, FolderPlus, XIcon } from "lucide-react"
+import {
+  LuCheckCircle2 as CheckCircle2Icon,
+  LuFolderPlus as FolderPlus,
+  LuX as XIcon
+} from "react-icons/lu"
 import { FolderView, GridResponsive, Modal } from "@/components/ui"
 import { FursonaCard, PinnedCharacter } from "@/components/ui/Cards"
 import { Button } from "@/components/ui/Buttons"
diff --git a/apps/website/src/app/profile/[profile]/(gallery)/gallery/page.tsx b/apps/website/src/app/profile/[profile]/(gallery)/gallery/page.tsx
index a3ca0cbb..4e3caead 100644
--- a/apps/website/src/app/profile/[profile]/(gallery)/gallery/page.tsx
+++ b/apps/website/src/app/profile/[profile]/(gallery)/gallery/page.tsx
@@ -1,5 +1,5 @@
 import { SlugRouteProps } from "@/types"
-import { Palette } from "lucide-react"
+import { LuPalette as Palette } from "react-icons/lu"
 import { Metadata, ResolvingMetadata } from "next"
 
 export async function generateMetadata(
diff --git a/apps/website/src/app/profile/[profile]/CharacterMasthead.tsx b/apps/website/src/app/profile/[profile]/CharacterMasthead.tsx
index 23067d33..0cb077c4 100644
--- a/apps/website/src/app/profile/[profile]/CharacterMasthead.tsx
+++ b/apps/website/src/app/profile/[profile]/CharacterMasthead.tsx
@@ -4,16 +4,14 @@ import { useEffect, useRef } from "react"
 import Image from "next/image"
 import { Button } from "@/components/ui/Buttons"
 import {
-  ArrowLeft,
-  BookMarked,
-  EditIcon,
-  HeartIcon,
-  HistoryIcon,
-  HomeIcon,
-  LayoutGridIcon,
-  // LockIcon
-} from "lucide-react"
-// import {Badge} from '@/../../../packages/ui'
+  LuArrowLeft as ArrowLeft,
+  LuBookMarked as BookMarked,
+  LuPencil as EditIcon,
+  LuHeart as HeartIcon,
+  LuHistory as HistoryIcon,
+  LuHome as HomeIcon,
+  LuLayoutGrid as LayoutGridIcon
+} from "react-icons/lu"
 import { Tabs } from "@/components/ui"
 import { useDetailPeekContext } from "@/context"
 
@@ -61,7 +59,7 @@ export default function CharacterMasthead({
     <div id="masthead-root" className="contents">
       <div ref={profileDetailsRef} className="px-12 mx-auto max-w-screen-2xl">
         <Button
-         href={`/@${owner}`}
+          href={`/@${owner}`}
           prefixIcon={<ArrowLeft className="mr-3" />}
           className="mb-4 my-8 flex flex-row items-center bg-300 px-4 py-2 rounded-lg hover:bg-400 transition-all ease-in-out duration-200"
         >
@@ -111,7 +109,6 @@ export default function CharacterMasthead({
                   count={3}
                 >
                   Favorite
-                  
                 </Button>
               </div>
             </div>
diff --git a/apps/website/src/app/profile/[profile]/DynamicMasthead.tsx b/apps/website/src/app/profile/[profile]/DynamicMasthead.tsx
index 5e938724..3bedecf2 100644
--- a/apps/website/src/app/profile/[profile]/DynamicMasthead.tsx
+++ b/apps/website/src/app/profile/[profile]/DynamicMasthead.tsx
@@ -4,7 +4,13 @@ import { usePathname } from "next/navigation"
 import ProfileMasthead from "./ProfileMasthead"
 import CharacterMasthead from "./CharacterMasthead"
 
-export default function DynamicMasthead({ handle, character }: { handle?: string, character?: string }) {
+export default function DynamicMasthead({
+  handle,
+  character
+}: {
+  handle?: string
+  character?: string
+}) {
   const isRouteCharacter = usePathname().includes("character/")
   return !isRouteCharacter ? (
     <ProfileMasthead handle={handle} />
diff --git a/apps/website/src/app/profile/[profile]/ProfileMasthead.tsx b/apps/website/src/app/profile/[profile]/ProfileMasthead.tsx
index 9c49f580..8f08ee68 100644
--- a/apps/website/src/app/profile/[profile]/ProfileMasthead.tsx
+++ b/apps/website/src/app/profile/[profile]/ProfileMasthead.tsx
@@ -4,16 +4,16 @@ import { useEffect, useRef } from "react"
 import Image from "next/image"
 import { Button } from "@/components/ui/Buttons"
 import {
-  AlertTriangleIcon,
-  BrushIcon,
-  CatIcon,
-  HeartIcon,
-  HomeIcon,
-  LayoutGridIcon,
-  MoreVerticalIcon,
-  StoreIcon,
-  UserPlusIcon
-} from "lucide-react"
+  LuAlertTriangle as AlertTriangleIcon,
+  LuBrush as BrushIcon,
+  LuCat as CatIcon,
+  LuHeart as HeartIcon,
+  LuHome as HomeIcon,
+  LuLayoutGrid as LayoutGridIcon,
+  LuMoreVertical as MoreVerticalIcon,
+  LuStore as StoreIcon,
+  LuUserPlus as UserPlusIcon
+} from "react-icons/lu"
 import { Tabs, SocialsRow, BuiImage } from "@/components/ui"
 import { Dropdown, DropdownItem } from "@/components/ui/Dropdown"
 import { useDetailPeekContext } from "@/context"
diff --git a/apps/website/src/app/profile/[profile]/character/[character]/(artworks)/layout.tsx b/apps/website/src/app/profile/[profile]/character/[character]/(artworks)/layout.tsx
index b7428fd8..a89b20c7 100644
--- a/apps/website/src/app/profile/[profile]/character/[character]/(artworks)/layout.tsx
+++ b/apps/website/src/app/profile/[profile]/character/[character]/(artworks)/layout.tsx
@@ -1,7 +1,6 @@
 import type { SlugRouteProps } from "@/types"
 import { MarginClamp } from "@/components/ui"
 
-
 export default function Layout({
   params,
   children
diff --git a/apps/website/src/app/welcome/CreateProfileForm.tsx b/apps/website/src/app/welcome/CreateProfileForm.tsx
index 530a8e74..6ce53591 100644
--- a/apps/website/src/app/welcome/CreateProfileForm.tsx
+++ b/apps/website/src/app/welcome/CreateProfileForm.tsx
@@ -3,9 +3,10 @@
 import { useState } from "react"
 import Link from "next/link"
 
-import type { IconName } from "@fortawesome/fontawesome-svg-core"
-import { CreditCardIcon, LockIcon } from "lucide-react"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import {
+  LuCreditCard as CreditCardIcon,
+  LuLock as LockIcon
+} from "react-icons/lu"
 import { Fieldset, Note, Separator } from "@/components/ui"
 import { Button } from "@/components/ui/Buttons"
 import { FormWithProgress, InputField } from "@/components/ui/Forms"
@@ -40,33 +41,6 @@ export default function CreateProfileForm() {
     }
   ]
 
-  // TODO export these lil shits into their own component like lucide icons
-  const socialIcons: IconName[] = [
-    "youtube",
-    "facebook",
-    "x-twitter",
-    "instagram",
-    "twitch",
-    "tiktok",
-    "github",
-    "telegram",
-    "discord",
-    "reddit",
-    "tumblr",
-    "threads",
-    "deviantart",
-    "artstation",
-    "soundcloud",
-    "spotify",
-    "itunes-note",
-    "patreon",
-    "bandcamp",
-    "xbox",
-    "steam",
-    "battle-net",
-    "dribbble"
-  ]
-
   return (
     <>
       <section
@@ -124,7 +98,7 @@ export default function CreateProfileForm() {
             }
           >
             <Fieldset.Inner>
-              <div className="flex flex-wrap gap-2">
+              {/* <div className="flex flex-wrap gap-2">
                 {socialIcons.map((icon, i) => (
                   <Button
                     key={i}
@@ -138,7 +112,7 @@ export default function CreateProfileForm() {
                     }
                   ></Button>
                 ))}
-              </div>
+              </div> */}
               <Separator dir="horizontal" padding="0.75rem" />
               <Note type="info" inline>
                 {"Any platforms missing or have a suggestions to add? "}
@@ -158,26 +132,10 @@ export default function CreateProfileForm() {
                 <Button prefixIcon={<CreditCardIcon size={21} />}>
                   Credit/Debit card
                 </Button>
-                <Button
-                  prefixIcon={
-                    <FontAwesomeIcon
-                      icon={["fab", "paypal"]}
-                      fixedWidth
-                      size="lg"
-                    />
-                  }
-                >
+                <Button prefixIcon={<CreditCardIcon size={21} />}>
                   PayPal
                 </Button>
-                <Button
-                  prefixIcon={
-                    <FontAwesomeIcon
-                      icon={["fab", "stripe-s"]}
-                      fixedWidth
-                      size="lg"
-                    />
-                  }
-                >
+                <Button prefixIcon={<CreditCardIcon size={21} />}>
                   Stripe
                 </Button>
                 <Button prefixIcon={<CreditCardIcon size={21} />}>
diff --git a/apps/website/src/components/base/Footer.tsx b/apps/website/src/components/base/Footer.tsx
index 71e3006d..bdbaa2fe 100644
--- a/apps/website/src/components/base/Footer.tsx
+++ b/apps/website/src/components/base/Footer.tsx
@@ -6,7 +6,7 @@ import project from "../../../package.json"
 import { kebabCase } from "lodash"
 import { MyFursona } from "../icons"
 import { BuiLink } from "../ui"
-import { HeartIcon } from "lucide-react"
+import { LuHeart as HeartIcon } from "react-icons/lu"
 import FooterGradient from "./FooterGraphics"
 
 const version = project.version
diff --git a/apps/website/src/components/base/Navbar.tsx b/apps/website/src/components/base/Navbar.tsx
index 3e83bd2e..4fda78f9 100644
--- a/apps/website/src/components/base/Navbar.tsx
+++ b/apps/website/src/components/base/Navbar.tsx
@@ -4,19 +4,19 @@ import { Fragment } from "react"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
 import {
-  MenuIcon,
-  MoreVerticalIcon,
-  CatIcon,
-  ShareIcon,
-  AlbumIcon,
-  FileLockIcon,
-  ContrastIcon,
-  LucideIcon,
-  AccessibilityIcon,
-  LanguagesIcon,
-  HelpCircleIcon,
-  MessageSquarePlusIcon
-} from "lucide-react"
+  LuMenu as MenuIcon,
+  LuMoreVertical as MoreVerticalIcon,
+  LuCat as CatIcon,
+  LuShare as ShareIcon,
+  LuAlbum as AlbumIcon,
+  LuFileLock as FileLockIcon,
+  LuContrast as ContrastIcon,
+  LuAccessibility as AccessibilityIcon,
+  LuLanguages as LanguagesIcon,
+  LuHelpCircle as HelpCircleIcon,
+  LuMessageSquarePlus as MessageSquarePlusIcon
+} from "react-icons/lu"
+import type { IconType } from "react-icons"
 import { toLower } from "lodash"
 import { Menu } from "@headlessui/react"
 import { useSidebarContext } from "@/context"
@@ -27,7 +27,7 @@ import { Dropdown } from "../ui/Dropdown"
 import NavbarProfilePeek from "./NavbarProfilePeek"
 
 type ItemIterator = Array<{
-  icon?: LucideIcon
+  icon?: IconType
   name?: string
   link?: string
   event?: boolean
diff --git a/apps/website/src/components/base/NoJSReminder.tsx b/apps/website/src/components/base/NoJSReminder.tsx
index 98107802..32b9f87e 100644
--- a/apps/website/src/components/base/NoJSReminder.tsx
+++ b/apps/website/src/components/base/NoJSReminder.tsx
@@ -1,4 +1,4 @@
-import { AlertTriangleIcon } from "lucide-react"
+import { LuAlertTriangle as AlertTriangleIcon } from "react-icons/lu"
 
 export default function NoJSReminder() {
   return (
diff --git a/apps/website/src/components/base/Sidebar.tsx b/apps/website/src/components/base/Sidebar.tsx
index 31bbdf64..7d1c8601 100644
--- a/apps/website/src/components/base/Sidebar.tsx
+++ b/apps/website/src/components/base/Sidebar.tsx
@@ -5,16 +5,16 @@ import Link from "next/link"
 import { useSidebarContext } from "@/context"
 
 import {
-  HomeIcon,
-  SparklesIcon,
-  XIcon,
-  BrushIcon,
-  SettingsIcon,
-  HelpCircleIcon,
-  MessageSquarePlusIcon,
-  AlertTriangleIcon,
-  BoxIcon
-} from "lucide-react"
+  LuHome as HomeIcon,
+  LuSparkles as SparklesIcon,
+  LuX as XIcon,
+  LuBrush as BrushIcon,
+  LuSettings as SettingsIcon,
+  LuHelpCircle as HelpCircleIcon,
+  LuMessageSquarePlus as MessageSquarePlusIcon,
+  LuAlertTriangle as AlertTriangleIcon,
+  LuBox as BoxIcon
+} from "react-icons/lu"
 import MyFursona from "../icons/MyFursona"
 import Overlay from "../ui/Overlay"
 import { Button } from "../ui/Buttons"
diff --git a/apps/website/src/components/icons/index.tsx b/apps/website/src/components/icons/index.tsx
index 5e3aacb0..ba8a9bcc 100644
--- a/apps/website/src/components/icons/index.tsx
+++ b/apps/website/src/components/icons/index.tsx
@@ -1,231 +1,39 @@
-"use client"
-
-import { library } from "@fortawesome/fontawesome-svg-core"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import { fab } from "@fortawesome/free-brands-svg-icons"
-import Linktree from "./Linktree"
 import MyFursona from "./MyFursona"
-
-library.add(fab)
-
-export function YouTube({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "youtube"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function GitHub({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "github"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function XTwitter({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "x-twitter"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Google({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "google"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Facebook({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "facebook"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Instagram({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "instagram"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Twitch({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "twitch"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function TikTok({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "tiktok"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Telegram({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "telegram"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Discord({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "discord"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Reddit({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "reddit"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Tumblr({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "tumblr"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Threads({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "threads"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function DeviantArt({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "deviantart"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function ArtStation({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "artstation"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function SoundCloud({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "soundcloud"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Spotify({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "spotify"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function AppleMusic({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "itunes-note"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Patreon({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "patreon"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Bandcamp({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "bandcamp"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Xbox({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "xbox"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export function Steam({ size = 21 }: { size?: number }) {
-  return (
-    <FontAwesomeIcon
-      icon={["fab", "steam"]}
-      fixedWidth
-      fontSize={size.toString()}
-    />
-  )
-}
-
-export { Linktree, MyFursona }
+export { MyFursona }
+export { RiTwitterXFill as XTwitter } from "react-icons/ri"
+export {
+  FaYoutube as Youtube,
+  FaGithub as Github,
+  FaGoogle as Google,
+  FaFacebook as Facebook,
+  FaInstagram as Instagram,
+  FaTwitch as Twitch,
+  FaTiktok as Tiktok,
+  FaTelegram as Telegram,
+  FaTrello as Trello,
+  FaDiscord as Discord,
+  FaReddit as Reddit,
+  FaTumblr as Tumblr,
+  FaThreads as Threads,
+  FaDeviantart as DeviantArt,
+  FaArtstation as Artstation,
+  FaSoundcloud as Soundcloud,
+  FaBandcamp as Bandcamp,
+  FaItunesNote as AppleMusic,
+  FaSpotify as Spotify,
+  FaPatreon as Patreon,
+  FaXbox as Xbox,
+  FaPlaystation as Playstation,
+  FaBattleNet as Battlenet,
+  FaSteam as Steam,
+  FaStripe as Stripe,
+  FaPaypal as PayPal
+} from "react-icons/fa6"
+export {
+  SiKofi as Kofi,
+  SiBuymeacoffee as Buymeacoffee,
+  SiWeasyl as Weasyl,
+  SiWacom as Wacom,
+  SiSquare as Square,
+  SiKlarna as Klarna
+} from "react-icons/si"
diff --git a/apps/website/src/components/ui/BuiLink.tsx b/apps/website/src/components/ui/BuiLink.tsx
index d18a4614..0a258761 100644
--- a/apps/website/src/components/ui/BuiLink.tsx
+++ b/apps/website/src/components/ui/BuiLink.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link"
 
-import { ExternalLinkIcon } from "lucide-react"
+import { LuExternalLink as ExternalLinkIcon } from "react-icons/lu"
 import type { UrlObject } from "url"
 
 export default function BuiLink({
diff --git a/apps/website/src/components/ui/Buttons/Button.tsx b/apps/website/src/components/ui/Buttons/Button.tsx
index 56258c41..fdb7b659 100644
--- a/apps/website/src/components/ui/Buttons/Button.tsx
+++ b/apps/website/src/components/ui/Buttons/Button.tsx
@@ -87,8 +87,9 @@ const Button = forwardRef(
           <span className="inline-block overflow-hidden select-none whitespace-nowrap overflow-ellipsis">
             {children}
             {count && (
-              <span className="ml-1.5 font-semibold bg-100 text-700 rounded-xl p-2">{count}</span>
-            
+              <span className="ml-1.5 font-semibold bg-100 text-700 rounded-xl p-2">
+                {count}
+              </span>
             )}
           </span>
         )}
diff --git a/apps/website/src/components/ui/Buttons/SearchButton.tsx b/apps/website/src/components/ui/Buttons/SearchButton.tsx
index 4ed42dfb..07480db4 100644
--- a/apps/website/src/components/ui/Buttons/SearchButton.tsx
+++ b/apps/website/src/components/ui/Buttons/SearchButton.tsx
@@ -1,5 +1,5 @@
 import Button from "./Button"
-import { SearchIcon } from "lucide-react"
+import { LuSearch as SearchIcon } from "react-icons/lu"
 
 export default function SearchButton({
   onClick
diff --git a/apps/website/src/components/ui/Cards/FursonaCard.tsx b/apps/website/src/components/ui/Cards/FursonaCard.tsx
index 6a9a8a6a..650c185e 100644
--- a/apps/website/src/components/ui/Cards/FursonaCard.tsx
+++ b/apps/website/src/components/ui/Cards/FursonaCard.tsx
@@ -3,7 +3,7 @@ import clsx from "clsx"
 import type { AdoptionStatus, ColorPalette as Palette } from "@/types"
 import ColorPalette from "./ColorPalette"
 import BuiImage from "../BuiImage"
-import { Heart } from "lucide-react"
+import { LuHeart as Heart } from "react-icons/lu"
 import Status from "./Status"
 
 type CharacterCardPalette =
diff --git a/apps/website/src/components/ui/Cards/PinnedCharacter.tsx b/apps/website/src/components/ui/Cards/PinnedCharacter.tsx
index e0865556..9a8f9651 100644
--- a/apps/website/src/components/ui/Cards/PinnedCharacter.tsx
+++ b/apps/website/src/components/ui/Cards/PinnedCharacter.tsx
@@ -1,7 +1,7 @@
 import ColorPalette from "./ColorPalette"
 import { ColorPalette as Colors } from "@/types"
 import { Button } from "../Buttons"
-import { CatIcon, Palette } from "lucide-react"
+import { LuCat as CatIcon, LuPalette as Palette } from "react-icons/lu"
 import BuiImage from "../BuiImage"
 
 export default function PinnedCharacter({
@@ -51,6 +51,7 @@ export default function PinnedCharacter({
         </div>
       </div>
       <BuiImage
+        rounded={false}
         width={640}
         height={360}
         src={refSheetImg}
diff --git a/apps/website/src/components/ui/Cards/Status.tsx b/apps/website/src/components/ui/Cards/Status.tsx
index df24b29d..5b4c4037 100644
--- a/apps/website/src/components/ui/Cards/Status.tsx
+++ b/apps/website/src/components/ui/Cards/Status.tsx
@@ -1,5 +1,10 @@
 import clsx from "clsx"
-import { type LucideIcon, LockIcon, SparklesIcon, StarIcon } from "lucide-react"
+import type { IconType } from "react-icons"
+import {
+  LuLock as LockIcon,
+  LuSparkles as SparklesIcon,
+  LuStar as StarIcon
+} from "react-icons/lu"
 import type { FursonaStatus } from "@/types/Fursonas"
 
 export default function Status({ status }: { status: FursonaStatus }) {
@@ -7,7 +12,7 @@ export default function Status({ status }: { status: FursonaStatus }) {
 
   const statusObj: Record<
     FursonaStatus,
-    { label: string; className: string; icon: LucideIcon }
+    { label: string; className: string; icon: IconType }
   > = {
     adopted: {
       label: "Adopted",
diff --git a/apps/website/src/components/ui/Carousel.tsx b/apps/website/src/components/ui/Carousel.tsx
index 07054ff6..b056684c 100644
--- a/apps/website/src/components/ui/Carousel.tsx
+++ b/apps/website/src/components/ui/Carousel.tsx
@@ -1,6 +1,6 @@
 import { Button } from "./Buttons"
 import Separator from "./Separator"
-import { ChevronRight } from "lucide-react"
+import { LuChevronRight as ChevronRight } from "react-icons/lu"
 
 export default function Carousel({
   children,
diff --git a/apps/website/src/components/ui/Drop/DropZone.tsx b/apps/website/src/components/ui/Drop/DropZone.tsx
index a6449a7c..aca434b6 100644
--- a/apps/website/src/components/ui/Drop/DropZone.tsx
+++ b/apps/website/src/components/ui/Drop/DropZone.tsx
@@ -1,7 +1,11 @@
 "use client"
 
 import { useState } from "react"
-import { Check, DownloadIcon, UploadIcon } from "lucide-react"
+import {
+  LuCheck as Check,
+  LuDownload as DownloadIcon,
+  LuUpload as UploadIcon
+} from "react-icons/lu"
 
 export default function DropZone() {
   const [isDragging, setIsDragging] = useState(false)
diff --git a/apps/website/src/components/ui/Dropdown/DropdownsTemp.tsx b/apps/website/src/components/ui/Dropdown/DropdownsTemp.tsx
index ee0f1a01..bd671b63 100644
--- a/apps/website/src/components/ui/Dropdown/DropdownsTemp.tsx
+++ b/apps/website/src/components/ui/Dropdown/DropdownsTemp.tsx
@@ -1,5 +1,5 @@
 import { Button } from "../Buttons"
-import type { LucideIcon } from "lucide-react"
+import type { IconType } from "react-icons"
 
 export default function DropdownsTemp({
   button,
@@ -8,7 +8,7 @@ export default function DropdownsTemp({
   button: NonNullable<React.ReactElement>
   items: Array<
     Partial<{
-      icon: LucideIcon
+      icon: IconType
       name: string
       link: string
       event: () => any
diff --git a/apps/website/src/components/ui/EmptySection/EmptySection.tsx b/apps/website/src/components/ui/EmptySection/EmptySection.tsx
index 003ec43f..a59a66e8 100644
--- a/apps/website/src/components/ui/EmptySection/EmptySection.tsx
+++ b/apps/website/src/components/ui/EmptySection/EmptySection.tsx
@@ -1,11 +1,11 @@
-import type { LucideIcon } from "lucide-react"
+import type { IconType } from "react-icons"
 
 export default function EmptySection({
   children,
   icon: Icon
 }: {
   children?: React.ReactNode
-  icon?: LucideIcon
+  icon?: IconType
 }) {
   return (
     <div
diff --git a/apps/website/src/components/ui/Folders/FolderItem.tsx b/apps/website/src/components/ui/Folders/FolderItem.tsx
index 60a42d97..87bb86a5 100644
--- a/apps/website/src/components/ui/Folders/FolderItem.tsx
+++ b/apps/website/src/components/ui/Folders/FolderItem.tsx
@@ -2,7 +2,12 @@
 
 import { Children, useRef, useEffect, useState } from "react"
 import clsx from "clsx"
-import { Folder, FolderClosed, FolderOpen, FolderPlus } from "lucide-react"
+import {
+  LuFolder as Folder,
+  LuFolderClosed as FolderClosed,
+  LuFolderOpen as FolderOpen,
+  LuFolderPlus as FolderPlus
+} from "react-icons/lu"
 import { motion } from "framer-motion"
 import { Button } from "../Buttons"
 import { useScrollBounds } from "@/hooks/useScrollBounds"
diff --git a/apps/website/src/components/ui/Folders/FolderShelf.tsx b/apps/website/src/components/ui/Folders/FolderShelf.tsx
index eb6809b3..9b7a3029 100644
--- a/apps/website/src/components/ui/Folders/FolderShelf.tsx
+++ b/apps/website/src/components/ui/Folders/FolderShelf.tsx
@@ -1,7 +1,10 @@
 "use client"
 
 import { useState, useEffect, useRef } from "react"
-import { PanelLeftClose, PanelLeftOpen } from "lucide-react"
+import {
+  LuPanelLeftClose as PanelLeftClose,
+  LuPanelLeftOpen as PanelLeftOpen
+} from "react-icons/lu"
 import { useFolderViewContext } from "./FolderViewProvider"
 import { Button } from "../Buttons"
 import FolderItem from "./FolderItem"
diff --git a/apps/website/src/components/ui/Forms/SelectOption.tsx b/apps/website/src/components/ui/Forms/SelectOption.tsx
index 91d4084c..b53d4a73 100644
--- a/apps/website/src/components/ui/Forms/SelectOption.tsx
+++ b/apps/website/src/components/ui/Forms/SelectOption.tsx
@@ -1,4 +1,4 @@
-import type { LucideIcon } from "lucide-react"
+import type { IconType } from "react-icons"
 
 export default function SelectOption({
   label,
@@ -8,8 +8,8 @@ export default function SelectOption({
 }: {
   label: string
   value: string
-  prefixIcon: React.ReactElement<LucideIcon>
-  suffixIcon: React.ReactElement<LucideIcon>
+  prefixIcon: React.ReactElement<IconType>
+  suffixIcon: React.ReactElement<IconType>
 }) {
   return (
     <option value={value}>
diff --git a/apps/website/src/components/ui/Note.tsx b/apps/website/src/components/ui/Note.tsx
index c8aeaa2a..d6dc6684 100644
--- a/apps/website/src/components/ui/Note.tsx
+++ b/apps/website/src/components/ui/Note.tsx
@@ -3,13 +3,13 @@ import type {
   Variants as NoteVariants,
   PartialRecord
 } from "@/types"
+import type { IconType } from "react-icons"
 import {
-  AlertTriangleIcon,
-  CheckCircle2Icon,
-  InfoIcon,
-  LucideIcon,
-  XCircleIcon
-} from "lucide-react"
+  LuAlertTriangle as AlertTriangleIcon,
+  LuCheckCircle2 as CheckCircle2Icon,
+  LuInfo as InfoIcon,
+  LuXCircle as XCircleIcon
+} from "react-icons/lu"
 
 type NoteStatus = PickUnion<
   NoteVariants,
@@ -35,7 +35,7 @@ export default function Note({
 
   const status: PartialRecord<
     NoteStatus,
-    { css: string; icon: LucideIcon; iconColor: string }
+    { css: string; icon: IconType; iconColor: string }
   > = {
     warning: {
       icon: AlertTriangleIcon,
@@ -61,7 +61,7 @@ export default function Note({
 
   const statusStyles = status[type]?.css
   const statusIconColor = status[type]?.iconColor
-  const StatusIcon = status[type]?.icon as LucideIcon
+  const StatusIcon = status[type]?.icon as IconType
 
   return (
     <div
diff --git a/apps/website/src/components/ui/Switch.tsx b/apps/website/src/components/ui/Switch.tsx
index 92b22506..b97e980d 100644
--- a/apps/website/src/components/ui/Switch.tsx
+++ b/apps/website/src/components/ui/Switch.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { Palette } from "lucide-react"
+import { LuPalette as Palette } from "react-icons/lu"
 import { useState } from "react"
 
 type SwitchTemp = "prices" | "queue"
diff --git a/apps/website/src/components/ui/Tabs.tsx b/apps/website/src/components/ui/Tabs.tsx
index 0cf5ff4f..edc0492a 100644
--- a/apps/website/src/components/ui/Tabs.tsx
+++ b/apps/website/src/components/ui/Tabs.tsx
@@ -4,8 +4,8 @@ import Link from "next/link"
 import { usePathname } from "next/navigation"
 
 import clsx from "clsx"
-import type { LucideIcon } from "lucide-react"
 import type { PartialArray } from "@/types"
+import type { IconType } from "react-icons"
 
 export default function Tabs({
   baseURL = "/",
@@ -16,7 +16,7 @@ export default function Tabs({
     text: string
     link: string
     active: boolean
-    icon: LucideIcon
+    icon: IconType
     countIndicator: number
     isNew: boolean
   }>
diff --git a/apps/website/src/types/index.ts b/apps/website/src/types/index.ts
index ea46f650..2efb266a 100644
--- a/apps/website/src/types/index.ts
+++ b/apps/website/src/types/index.ts
@@ -1,6 +1,6 @@
-import type { FursonaStatus, ColorPalette } from "./Fursonas"
-import type { LucideIcon } from "lucide-react"
 import type { UrlObject } from "url"
+import type { FursonaStatus, ColorPalette } from "./Fursonas"
+import type { IconType } from "react-icons"
 
 export type PartialRecord<K extends PropertyKey, T = string> = Partial<
   Record<K, T>
@@ -61,8 +61,8 @@ export type BuiButtonProps = {
   variant?: ButtonVariants
   position?: "left" | "center" | "right"
   size?: Sizes
-  prefixIcon?: React.ReactElement<LucideIcon>
-  suffixIcon?: React.ReactElement<LucideIcon>
+  prefixIcon?: React.ReactElement<IconType>
+  suffixIcon?: React.ReactElement<IconType>
   href?: string | UrlObject
   count?: number
 } & ExtendedDynamicButtonAnchorElement
diff --git a/forceUpdateDeps.mjs b/forceUpdateDeps.mjs
deleted file mode 100644
index 28e5de20..00000000
--- a/forceUpdateDeps.mjs
+++ /dev/null
@@ -1,10 +0,0 @@
-#!/usr/bin/env node
-
-import { readFileSync } from "fs"
-/**
- * TODO: cd from the apps folder, look through their package.json's dependencies
- * TODO: and devDependencies and append the `<pkg-name>@latest`
- * TODO: use inquirer to pick from all the packages found or by directory
- * * 1. find all the package.json's exluding from the node_modules directory
- * * 2. use some arg parser to skip inqurer inputs from console
- */
diff --git a/packages/ui/src/Badge.tsx b/packages/ui/src/Badge.tsx
index 015faa7a..98434820 100644
--- a/packages/ui/src/Badge.tsx
+++ b/packages/ui/src/Badge.tsx
@@ -1,6 +1,6 @@
 import * as React from "react"
-import type { LucideIcon } from "lucide-react"
 import clsx from "clsx"
+import type { IconType } from "react-icons"
 
 export default function Badge({
   label,
@@ -8,7 +8,7 @@ export default function Badge({
   variant = "default"
 }: {
   label: string
-  prefixIcon: React.ReactElement<LucideIcon>
+  prefixIcon: React.ReactElement<IconType>
   variant: "warning" | "info" | "danger" | "default"
 }) {
   // TODO REFACTOR THIS TERNARY ABOMINATION INTO CVA
diff --git a/yarn.lock b/yarn.lock
index b9426455..9dde3fda 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1034,32 +1034,6 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.50.0.tgz#9e93b850f0f3fa35f5fa59adfd03adae8488e484"
   integrity sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==
 
-"@fortawesome/fontawesome-common-types@6.4.2":
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz#1766039cad33f8ad87f9467b98e0d18fbc8f01c5"
-  integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
-
-"@fortawesome/fontawesome-svg-core@^6.4.0":
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz#37f4507d5ec645c8b50df6db14eced32a6f9be09"
-  integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "6.4.2"
-
-"@fortawesome/free-brands-svg-icons@^6.4.0":
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz#9b8e78066ea6dd563da5dfa686615791d0f7cc71"
-  integrity sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==
-  dependencies:
-    "@fortawesome/fontawesome-common-types" "6.4.2"
-
-"@fortawesome/react-fontawesome@^0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz#d90dd8a9211830b4e3c08e94b63a0ba7291ddcf4"
-  integrity sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==
-  dependencies:
-    prop-types "^15.8.1"
-
 "@headlessui/react@^1.7.17":
   version "1.7.17"
   resolved "https://registry.yarnpkg.com/@headlessui/react/-/react-1.7.17.tgz#a0ec23af21b527c030967245fd99776aa7352bc6"
@@ -2385,6 +2359,13 @@ chardet@^0.7.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+class-variance-authority@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.0.tgz#1c3134d634d80271b1837452b06d821915954522"
+  integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==
+  dependencies:
+    clsx "2.0.0"
+
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -2453,7 +2434,7 @@ clone@^2.1.1:
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==
 
-clsx@^2.0.0:
+clsx@2.0.0, clsx@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
   integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
@@ -4825,11 +4806,6 @@ lru-cache@^7.14.1:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.3.tgz#f793896e0fd0e954a59dfdd82f0773808df6aa89"
   integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
 
-lucide-react@^0.269.0:
-  version "0.269.0"
-  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.269.0.tgz#610a4c85dd60b0e1826842ec563eb9bc9b249be5"
-  integrity sha512-+ViEb/2eJJt43/CtxpTfvqu/8gzK49cSUdeuqRuFYiZmX9AvwfumtETM4plhXHymfHb6/mVbHg9uIlc13y+uew==
-
 magic-string@^0.25.0, magic-string@^0.25.7:
   version "0.25.9"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
@@ -6020,6 +5996,11 @@ react-fast-compare@^3.0.1:
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
   integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
 
+react-icons@^4.11.0:
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65"
+  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"