fix: use the default phosphor icons

next.config.js

@@ -95,7 +95,6 @@ const nextConfig = {
     scrollRestoration: true,
     optimizePackageImports: [
       "@phosphor-icons/react",
-      "@phosphor-icons/react/dist/ssr",
       "@fuels/react",
       "fuels",
     ],

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "prepare": "npm run snyk-protect && husky install",
     "dev": "next dev",
-    "build": "TS_CONFIG_PATH='./tsconfig.build.json' next build",
+    "build": "NODE_OPTIONS='--max-old-space-size=4096' TS_CONFIG_PATH='./tsconfig.build.json' next build",
     "start": "next start",
     "type-check": "tsc --pretty --noEmit --incremental false --project './tsconfig.build.json'",
     "format": "prettier --write .",

src/solutions/LiquidityIncentive/components/SelectLiquidityPoolStep.tsx

@@ -16,7 +16,7 @@ import {
   Text,
 } from "@chakra-ui/react"
 import { consts } from "@guildxyz/types"
-import { Info } from "@phosphor-icons/react/dist/ssr"
+import { Info } from "@phosphor-icons/react"
 import Button from "components/common/Button"
 import FormErrorMessage from "components/common/FormErrorMessage"
 import { useCallback } from "react"

src/v2/components/Account/Account.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { cn } from "@/lib/utils"
-import { SignIn } from "@phosphor-icons/react/dist/ssr"
+import { SignIn } from "@phosphor-icons/react"
 import useUser from "components/[guild]/hooks/useUser"
 import useResolveAddress from "hooks/useResolveAddress"
 import { useSetAtom } from "jotai"

src/v2/components/Account/components/AccountModal/AccountModal.tsx

@@ -19,7 +19,7 @@ import {
 } from "@/components/ui/Tooltip"
 import { useDisclosure } from "@/hooks/useDisclosure"
 import { useUserPublic } from "@/hooks/useUserPublic"
-import { LinkBreak, SignOut } from "@phosphor-icons/react/dist/ssr"
+import { LinkBreak, SignOut } from "@phosphor-icons/react"
 import useUser from "components/[guild]/hooks/useUser"
 import useResolveAddress from "hooks/useResolveAddress"
 import { useAtom } from "jotai"

src/v2/components/Account/components/AccountModal/components/AccountConnections.tsx

@@ -5,7 +5,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/Tooltip"
 import { cn } from "@/lib/utils"
-import { Question } from "@phosphor-icons/react/dist/ssr"
+import { Question } from "@phosphor-icons/react"
 import useUser from "components/[guild]/hooks/useUser"
 import { Fragment, useMemo } from "react"
 import rewards from "rewards"

src/v2/components/Account/components/AccountModal/components/DisconnectAccountButton.tsx

@@ -17,7 +17,7 @@ import {
 } from "@/components/ui/Tooltip"
 import { DisclosureState } from "@/hooks/useDisclosure"
 import { cn } from "@/lib/utils"
-import { LinkBreak } from "@phosphor-icons/react/dist/ssr"
+import { LinkBreak } from "@phosphor-icons/react"
 
 const DisconnectAccountButton = ({
   onConfirm,

src/v2/components/Account/components/AccountModal/components/EmailAddress.tsx

@@ -28,7 +28,7 @@ import { useToast } from "@/components/ui/hooks/useToast"
 import { useDisclosure } from "@/hooks/useDisclosure"
 import { cn } from "@/lib/utils"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { PencilSimple, Warning } from "@phosphor-icons/react/dist/ssr"
+import { PencilSimple, Warning } from "@phosphor-icons/react"
 import { useConnectEmail } from "components/[guild]/JoinModal/hooks/useConnectPlatform"
 import useUser from "components/[guild]/hooks/useUser"
 import { SignedValidation, useSubmitWithSign } from "hooks/useSubmit"

src/v2/components/Account/components/AccountModal/components/FarcasterProfile.tsx

@@ -25,10 +25,7 @@ import { useToast } from "@/components/ui/hooks/useToast"
 import { useDisclosure } from "@/hooks/useDisclosure"
 import { cn } from "@/lib/utils"
 import { FarcasterProfile as FarcasterProfileType } from "@guildxyz/types"
-import {
-  ArrowCounterClockwise,
-  DeviceMobileCamera,
-} from "@phosphor-icons/react/dist/ssr"
+import { ArrowCounterClockwise, DeviceMobileCamera } from "@phosphor-icons/react"
 import useUser from "components/[guild]/hooks/useUser"
 import { useFetcherWithSign } from "hooks/useFetcherWithSign"
 import useSubmit, { SignedValidation, useSubmitWithSign } from "hooks/useSubmit"

src/v2/components/Account/components/AccountModal/components/LinkedAddress.tsx

@@ -28,12 +28,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/Tooltip"
 import { useDisclosure } from "@/hooks/useDisclosure"
-import {
-  CircleNotch,
-  DotsThree,
-  LinkBreak,
-  UserSwitch,
-} from "@phosphor-icons/react/dist/ssr"
+import { CircleNotch, DotsThree, LinkBreak, UserSwitch } from "@phosphor-icons/react"
 import Image from "next/image"
 import { User } from "types"
 import shortenHex from "utils/shortenHex"

src/v2/components/Account/components/AccountModal/components/SharedSocials.tsx

@@ -5,7 +5,7 @@ import {
   Check,
   Shield,
   ShieldCheck,
-} from "@phosphor-icons/react/dist/ssr"
+} from "@phosphor-icons/react"
 import useGuild, { useSimpleGuild } from "components/[guild]/hooks/useGuild"
 import useUser from "components/[guild]/hooks/useUser"
 

src/v2/components/Account/components/AccountModal/components/SocialAccount.tsx

@@ -2,7 +2,7 @@ import { Button } from "@/components/ui/Button"
 import { useToast } from "@/components/ui/hooks/useToast"
 import { useDisclosure } from "@/hooks/useDisclosure"
 import { cn } from "@/lib/utils"
-import { Warning } from "@phosphor-icons/react/dist/ssr"
+import { Warning } from "@phosphor-icons/react"
 import useConnectPlatform from "components/[guild]/JoinModal/hooks/useConnectPlatform"
 import useMembershipUpdate from "components/[guild]/JoinModal/hooks/useMembershipUpdate"
 import useUser from "components/[guild]/hooks/useUser"

src/v2/components/Account/components/AccountModal/components/UsersGuildPins.tsx

@@ -4,7 +4,7 @@ import { Alert, AlertDescription } from "@/components/ui/Alert"
 import { Badge } from "@/components/ui/Badge"
 import { Skeleton } from "@/components/ui/Skeleton"
 import useUsersGuildPins from "@/hooks/useUsersGuildPins"
-import { Info } from "@phosphor-icons/react/dist/ssr"
+import { Info } from "@phosphor-icons/react"
 import { useAtomValue, useSetAtom } from "jotai"
 import Link from "next/link"
 

src/v2/components/Error.tsx

@@ -1,4 +1,4 @@
-import { WarningCircle } from "@phosphor-icons/react/dist/ssr"
+import { WarningCircle } from "@phosphor-icons/react"
 import { PropsWithChildren, useEffect, useState } from "react"
 import { Alert, AlertDescription, AlertTitle } from "./ui/Alert"
 import { Collapsible, CollapsibleContent } from "./ui/Collapsible"

src/v2/components/Header/NavMenu.tsx

@@ -14,7 +14,7 @@ import {
   Shield,
   UsersThree,
   XLogo,
-} from "@phosphor-icons/react/dist/ssr"
+} from "@phosphor-icons/react"
 import dynamic from "next/dynamic"
 import Link, { LinkProps } from "next/link"
 import { AnchorHTMLAttributes, ReactNode } from "react"

src/v2/components/ThemeToggle.tsx

@@ -2,9 +2,9 @@
 
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/ToggleGroup"
 import { useColorMode } from "@chakra-ui/react"
-import { Desktop, Moon, Sun } from "@phosphor-icons/react/dist/ssr"
+import { Desktop, Moon, Sun } from "@phosphor-icons/react"
 import { useTheme } from "next-themes"
-import { useIsClient, useLocalStorage } from "usehooks-ts"
+import { useIsClient } from "usehooks-ts"
 
 export function ThemeToggle() {
   const { setTheme, theme } = useTheme()

src/v2/components/Web3ConnectionManager/PlatformMergeErrorAlert.tsx

@@ -1,4 +1,4 @@
-import { ArrowSquareOut } from "@phosphor-icons/react/dist/ssr"
+import { ArrowSquareOut } from "@phosphor-icons/react"
 import useConnectPlatform from "components/[guild]/JoinModal/hooks/useConnectPlatform"
 import { useAtom } from "jotai"
 import rewards from "rewards"

src/v2/components/Web3ConnectionManager/WalletLinkHelperModal.tsx

@@ -1,4 +1,4 @@
-import { SignOut } from "@phosphor-icons/react/dist/ssr"
+import { SignOut } from "@phosphor-icons/react"
 import { useAtom } from "jotai"
 import { walletLinkHelperModalAtom } from "../Providers/atoms"
 import { Button } from "../ui/Button"

src/v2/components/Web3ConnectionManager/WalletSelectorModal/WalletSelectorModal.tsx

@@ -18,7 +18,7 @@ import {
 import { useErrorToast } from "@/components/ui/hooks/useErrorToast"
 import { usePrevious } from "@/hooks/usePrevious"
 import { useUserPublic } from "@/hooks/useUserPublic"
-import { ArrowSquareOut } from "@phosphor-icons/react/dist/ssr"
+import { ArrowSquareOut } from "@phosphor-icons/react"
 import useSetKeyPair from "hooks/useSetKeyPair"
 import { useAtom, useSetAtom } from "jotai"
 import { useEffect } from "react"

src/v2/components/Web3ConnectionManager/WalletSelectorModal/components/ConnectorButton.tsx

@@ -5,7 +5,7 @@ import {
 import useConnectorNameAndIcon from "@/components/Web3ConnectionManager/hooks/useConnectorNameAndIcon"
 import { Button, ButtonProps } from "@/components/ui/Button"
 import { useUserPublic } from "@/hooks/useUserPublic"
-import { Wallet } from "@phosphor-icons/react/dist/ssr"
+import { Wallet } from "@phosphor-icons/react"
 import { useAtomValue, useSetAtom } from "jotai"
 import { Config, type Connector, useAccount } from "wagmi"
 import { ConnectMutate } from "wagmi/query"

src/v2/components/ui/Accordion.stories.tsx

@@ -4,7 +4,7 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/Accordion"
-import { ArrowSquareOut } from "@phosphor-icons/react/dist/ssr"
+import { ArrowSquareOut } from "@phosphor-icons/react"
 import {
   AccordionMultipleProps,
   AccordionSingleProps,

src/v2/components/ui/Accordion.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { cn } from "@/lib/utils"
-import { CaretDown } from "@phosphor-icons/react/dist/ssr"
+import { CaretDown } from "@phosphor-icons/react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
 import * as React from "react"
 

src/v2/components/ui/Alert.stories.tsx

@@ -5,7 +5,7 @@ import {
   Info as InfoIcon,
   Warning as WarningIcon,
   X,
-} from "@phosphor-icons/react/dist/ssr"
+} from "@phosphor-icons/react"
 import { Alert, AlertDescription, AlertProps, AlertTitle } from "./Alert"
 import { Card } from "./Card"
 

src/v2/components/ui/Button.tsx

@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority"
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-import { CircleNotch } from "@phosphor-icons/react/dist/ssr"
+import { CircleNotch } from "@phosphor-icons/react"
 
 const buttonVariants = cva(
   "font-medium inline-flex items-center justify-center whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-4 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 rounded-xl text-base min-w-max",