Adding the icon and image with dynamic

SSWConsulting · Oct 20, 2024 · de23373 · de23373
1 parent d974f8b
commit de23373
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/components/videoModal.tsx b/components/videoModal.tsx
@@ -2,16 +2,22 @@
 
 import classNames from "classnames";
 import dynamic from "next/dynamic";
-import Image from "next/image";
 import { useEffect, useState } from "react";
-import { FaPlayCircle } from "react-icons/fa";
+
+const FaPlayCircle = dynamic(
+  () => import("react-icons/fa").then((mod) => mod.FaPlayCircle),
+  { ssr: false }
+);
+
 import {
   MATCH_URL_VIMEO,
   MATCH_URL_YOUTUBE,
   getVimeoId,
   getYouTubeId,
 } from "../helpers/embeds";
 
+const Image = dynamic(() => import("next/image"), { ssr: false });
+
 const YouTubeEmbed = dynamic(
   () => import("./embeds/youtubeEmbed").then((mod) => mod.YouTubeEmbed),
   {