Skip to content

Commit 1219561

Browse files
Use suspense in chainlist (#2345)
* Use suspense * Move it
1 parent c4e7a01 commit 1219561

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

pages/chainlist.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { fetchChainsFromApi } from "@3rdweb-sdk/react/hooks/useApi";
22
import {
3+
Box,
34
Flex,
45
GridItem,
56
Icon,
@@ -21,7 +22,7 @@ import Fuse from "fuse.js";
2122
import { GetStaticProps, InferGetStaticPropsType } from "next";
2223
import { NextSeo } from "next-seo";
2324
import { PageId } from "page-id";
24-
import { memo, useDeferredValue, useMemo, useState } from "react";
25+
import { Suspense, memo, useDeferredValue, useMemo, useState } from "react";
2526
import { FiSearch } from "react-icons/fi";
2627
import {
2728
Card,
@@ -137,7 +138,9 @@ export const ChainsLanding: ThirdwebNextPage = (
137138
</Card>
138139
</Flex>
139140

140-
<SearchResults chains={filteredChains} />
141+
<Suspense fallback={<Box h="100vh" />}>
142+
<SearchResults chains={filteredChains} />
143+
</Suspense>
141144
</Flex>
142145
);
143146
};

0 commit comments

Comments
 (0)