add dynamic import

Ignaherrero · Apr 9, 2022 · ee446fe · ee446fe · vercel · Apr 9, 2022
1 parent d207e8e
commit ee446fe
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/pages/index.jsx b/pages/index.jsx
@@ -1,10 +1,11 @@
+import dynamic from "next/dynamic";
 import Head from "next/head";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
-import Card from "../components/card";
-import Pagination from "../components/pagination";
-import Search from "../components/search";
 import { useCounter } from "../helper/useCounter";
+const Card=dynamic(()=>import("../components/card"));
+const Pagination=dynamic(()=>import("../components/pagination"));
+const Search=dynamic(()=>import("../components/search"));
 
 const statusFetch = {
   pending: "pending",