Performance: import lodash submodules

src/@chakra-ui/components/Avatar.ts

@@ -1,4 +1,4 @@
-import { pick } from "lodash"
+import pick from "lodash/pick"
 import { avatarAnatomy } from "@chakra-ui/anatomy"
 import {
   createMultiStyleConfigHelpers,

src/@chakra-ui/components/components.utils.ts

@@ -1,4 +1,4 @@
-import { merge } from "lodash"
+import merge from "lodash/merge"
 import { cssVar, SystemStyleObject, theme } from "@chakra-ui/react"
 
 const {

src/components/Contributors.tsx

@@ -1,4 +1,4 @@
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { Box, Flex, Image, LinkBox, LinkOverlay } from "@chakra-ui/react"
 
 import InlineLink from "@/components/Link"

src/components/FindWallet/WalletFilterSidebar/WalletFilterFeature/index.tsx

@@ -1,5 +1,5 @@
 import React, { MutableRefObject } from "react"
-import { uniqueId } from "lodash"
+import uniqueId from "lodash/uniqueId"
 import { BsToggleOff, BsToggleOn } from "react-icons/bs"
 import {
   Accordion,

src/components/MeetupList.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react"
-import { sortBy } from "lodash"
+import sortBy from "lodash/sortBy"
 import {
   Box,
   Flex,

src/components/Quiz/QuizWidget/QuizSummary.tsx

@@ -1,5 +1,3 @@
-import { useEffect } from "react"
-import { merge } from "lodash"
 import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
 import {

src/components/Quiz/QuizWidget/useQuizWidget.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from "react"
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { useTranslation } from "next-i18next"
 
 import type {

src/components/RandomAppList.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react"
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 
 import type { TranslationKey } from "@/lib/types"
 

src/components/Staking/StakingProductsCardGrid.tsx

@@ -1,5 +1,5 @@
 import { ComponentType, SVGProps, useEffect, useState } from "react"
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { useTranslation } from "next-i18next"
 import {
   Badge,

src/components/StatsBoxGrid/GridItem.tsx

@@ -1,7 +1,7 @@
-import { kebabCase } from "lodash"
+import kebabCase from "lodash/kebabCase"
 import { MdInfoOutline } from "react-icons/md"
 import { Area, AreaChart, ResponsiveContainer, XAxis, YAxis } from "recharts"
-import { Box, Flex, HStack, Icon, Text, VStack } from "@chakra-ui/react"
+import { Box, Flex, Icon, Text } from "@chakra-ui/react"
 
 import type { StatsBoxMetric } from "@/lib/types"
 

src/components/TranslationLeaderboard.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react"
-import { reverse, sortBy } from "lodash"
+import reverse from "lodash/reverse"
+import sortBy from "lodash/sortBy"
 import { useTranslation } from "next-i18next"
 import {
   Box,

src/hooks/useCentralizedExchanges.ts

@@ -1,5 +1,5 @@
 import { useState } from "react"
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
 

src/pages/developers/learning-tools.tsx

@@ -1,4 +1,4 @@
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { GetStaticProps } from "next"
 import { useTranslation } from "next-i18next"
 import { serverSideTranslations } from "next-i18next/serverSideTranslations"

src/pages/layer-2.tsx

@@ -1,4 +1,4 @@
-import { merge } from "lodash"
+import merge from "lodash/merge"
 import { GetStaticProps } from "next"
 import { useTranslation } from "next-i18next"
 import { serverSideTranslations } from "next-i18next/serverSideTranslations"

src/pages/wallets/find-wallet.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from "react"
-import { shuffle } from "lodash"
+import shuffle from "lodash/shuffle"
 import { GetStaticProps } from "next"
 import { useRouter } from "next/router"
 import { SSRConfig, useTranslation } from "next-i18next"