fix

Rahuletto · Jul 24, 2023 · 36cfb88 · 36cfb88
1 parent 05ad063
commit 36cfb88
Show file tree

Hide file tree

Showing 23 changed files with 74 additions and 53 deletions.
diff --git a/components/AddFile.tsx b/components/AddFile.tsx
@@ -1,6 +1,7 @@
 // Icons
 import dynamic from 'next/dynamic';
-const FaPlus = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
+import { IconType } from "react-icons-ng";
+const FaPlus = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
 
 const AddFile = ({ files, limit = 2 }) => {
   function showDialog() {

diff --git a/components/CodeMenu.tsx b/components/CodeMenu.tsx
@@ -8,19 +8,20 @@ import {
 } from 'react-contexify';
 
 import 'react-contexify/dist/ReactContexify.css';
+import { IconType } from 'react-icons-ng';
 
-const BiCommand = dynamic(() => import('react-icons-ng/bi').then(mod => mod.BiCommand ), { ssr: false })
-const BiSearch = dynamic(() => import('react-icons-ng/bi').then(mod => mod.BiSearch ), { ssr: false })
-const BiSolidCopy = dynamic(() => import('react-icons-ng/bi').then(mod => mod.BiSolidCopy ), { ssr: false })
+const BiCommand = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/bi').then(mod => mod.BiCommand ), { ssr: false })
+const BiSearch = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/bi').then(mod => mod.BiSearch ), { ssr: false })
+const BiSolidCopy = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/bi').then(mod => mod.BiSolidCopy ), { ssr: false })
 
-const CoExpand = dynamic(() => import('react-icons-ng/co').then(mod => mod.CoExpand ), { ssr: false })
+const CoExpand = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/co').then(mod => mod.CoExpand ), { ssr: false })
 
-const FlFillIcFluentWindow24Filled = dynamic(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentWindow24Filled ), { ssr: false })
-const FlFillIcFluentCut24Filled = dynamic(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentCut24Filled ), { ssr: false })
+const FlFillIcFluentWindow24Filled = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentWindow24Filled ), { ssr: false })
+const FlFillIcFluentCut24Filled = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentCut24Filled ), { ssr: false })
 
-const LuClipboardPaste = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuClipboardPaste ), { ssr: false })
+const LuClipboardPaste = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuClipboardPaste ), { ssr: false })
 
-const SiPrettier = dynamic(() => import('react-icons-ng/si').then(mod => mod.SiPrettier ), { ssr: false })
+const SiPrettier = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/si').then(mod => mod.SiPrettier ), { ssr: false })
 
 const CodeMenu = ({ readOnly }) => {
 

diff --git a/components/CreateModal.tsx b/components/CreateModal.tsx
@@ -5,13 +5,14 @@ import { ChangeEvent, FormEvent } from 'react';
 import styles from '../styles/Index.module.css';
 
 // Icons
-const FaBackward = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaBackward), { ssr: false })
-const FaCloudUploadAlt = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaCloudUploadAlt), { ssr: false })
+const FaBackward = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaBackward), { ssr: false })
+const FaCloudUploadAlt = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaCloudUploadAlt), { ssr: false })
 
 // Our Imports
 import { extensions } from '../utils/extensions';
 import { BoardFile } from '../utils/types/board';
 import dynamic from 'next/dynamic';
+import { IconType } from 'react-icons-ng';
 
 type CreateModalProps = {
   files: BoardFile[];

diff --git a/components/DropZone.tsx b/components/DropZone.tsx
@@ -3,11 +3,12 @@ import dynamic from 'next/dynamic';
 import styles from '../styles/Index.module.css';
 
 // Icons
-const FaCloudUploadAlt = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaCloudUploadAlt), { ssr: false })
-const FaWindowClose = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaWindowClose), { ssr: false })
+const FaCloudUploadAlt = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaCloudUploadAlt), { ssr: false })
+const FaWindowClose = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaWindowClose), { ssr: false })
 
 // Our Imports
 import { BoardFile } from '../utils/types/board';
+import { IconType } from 'react-icons-ng';
 
 type DropZoneProps = {
   files?: BoardFile[];

diff --git a/components/Feature.tsx b/components/Feature.tsx
@@ -2,9 +2,10 @@
 import dynamic from 'next/dynamic';
 import styles from '../styles/Index.module.css';
 import feature from './styles/Feature.module.css';
+import { IconType } from 'react-icons-ng';
 
-const McCheckCircleFill = dynamic(() => import('react-icons-ng/mc').then(mod => mod.McCheckCircleFill), { ssr: false })
-const McForbidCircleLine = dynamic(() => import('react-icons-ng/mc').then(mod => mod.McForbidCircleLine), { ssr: false })
+const McCheckCircleFill = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/mc').then(mod => mod.McCheckCircleFill), { ssr: false })
+const McForbidCircleLine = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/mc').then(mod => mod.McForbidCircleLine), { ssr: false })
 
 const Features = ({ session }) => {
   return (

diff --git a/components/FileSelect.tsx b/components/FileSelect.tsx
@@ -1,10 +1,11 @@
 // Icons
 import dynamic from 'next/dynamic';
-const FaCaretDown = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaCaretDown), { ssr: false })
+const FaCaretDown = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaCaretDown), { ssr: false })
 
 
 // Our Imports
 import { BoardFile } from '../utils/types/board';
+import { IconType } from 'react-icons-ng';
 
 type FileSelectProps = {
   fileName?: string;

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -10,12 +10,13 @@ import ThemeSwitch from './ThemeSwitch';
 
 // Icons
 
-const FaPlus = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
-const FaUserAlt = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaUserAlt), { ssr: false })
+const FaPlus = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
+const FaUserAlt = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaUserAlt), { ssr: false })
 
 import { useRouter } from 'next/router';
 import { useSession } from '@supabase/auth-helpers-react';
 import { memo } from 'react';
+import { IconType } from 'react-icons-ng';
 
 
 type HeaderProps = {

diff --git a/components/InfoButton.tsx b/components/InfoButton.tsx
@@ -1,8 +1,8 @@
 
 // Icons
 import dynamic from 'next/dynamic';
-
-const GoGear = dynamic(() => import('react-icons-ng/go').then(mod => mod.GoGear), { ssr: false })
+import { IconType } from 'react-icons-ng';
+const GoGear = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/go').then(mod => mod.GoGear), { ssr: false })
 
 interface MetaTagsProps {
   metadata?: boolean;

diff --git a/components/PrettierButton.tsx b/components/PrettierButton.tsx
@@ -1,6 +1,6 @@
 // Icons
 import dynamic from 'next/dynamic';
-const SiPrettier = dynamic(() => import('react-icons-ng/si').then(mod => mod.SiPrettier), { ssr: false })
+const SiPrettier = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/si').then(mod => mod.SiPrettier), { ssr: false })
 
 
 // Styles
@@ -9,6 +9,7 @@ import { formatCode } from '../utils/prettier';
 
 // Our Imports
 import { BoardFile } from '../utils/types/board';
+import { IconType } from 'react-icons-ng';
 
 type PrettierButtonProps = {
   code: string;

diff --git a/components/Save.tsx b/components/Save.tsx
@@ -1,9 +1,10 @@
 // Styles
+import { IconType } from 'react-icons-ng';
 import styles from '../styles/Index.module.css';
 
 // Icons
 import dynamic from 'next/dynamic';
-const BiSolidSave = dynamic(() => import('react-icons-ng/bi').then(mod => mod.BiSolidSave), { ssr: false })
+const BiSolidSave = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/bi').then(mod => mod.BiSolidSave), { ssr: false })
 
 const Save: React.FC = () => {
   return (

diff --git a/components/Warning.tsx b/components/Warning.tsx
@@ -1,10 +1,11 @@
 // Styles
+import { IconType } from 'react-icons-ng';
 import generalStyles from '../styles/General.module.css'
 
 // Icons
 import dynamic from 'next/dynamic';
-const IoCloseCircleSharp = dynamic(() => import('react-icons-ng/io5').then(mod => mod.IoCloseCircleSharp), { ssr: false })
-const TiWarning = dynamic(() => import('react-icons-ng/ti').then(mod => mod.TiWarning), { ssr: false })
+const IoCloseCircleSharp = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/io5').then(mod => mod.IoCloseCircleSharp), { ssr: false })
+const TiWarning = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/ti').then(mod => mod.TiWarning), { ssr: false })
 
 
 const Warning: React.FC<{}> = () => {

diff --git a/pages/404.tsx b/pages/404.tsx
@@ -8,10 +8,11 @@ import generalStyles from '../styles/General.module.css';
 import styles from '../styles/Home.module.css';
 
 // Icons
-const BsQuestionDiamondFill = dynamic(() => import('react-icons-ng/bs').then(mod => mod.BsQuestionDiamondFill), { ssr: false })
+const BsQuestionDiamondFill = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/bs').then(mod => mod.BsQuestionDiamondFill), { ssr: false })
 
 
 import Link from 'next/link';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../components/Metatags'), { ssr: true });

diff --git a/pages/500.tsx b/pages/500.tsx
@@ -8,10 +8,11 @@ import generalStyles from '../styles/General.module.css';
 import styles from '../styles/Home.module.css';
 
 // Icons
-const FaHeartBroken = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
+const FaHeartBroken = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
 
 
 import Link from 'next/link';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../components/Metatags'), { ssr: true });

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -24,11 +24,11 @@ import '../styles/mobile.css';
 import styles from '../styles/Index.module.css';
 
 // Icons
-const FaHeartBroken = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
+const FaHeartBroken = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
 
 // Loader
 import NProgress from 'nprogress';
-import Loader from '../components/Loader';
+import { IconType } from 'react-icons-ng';
 
 // Command Pallete
 const Command = dynamic(() => import('../components/Command'), { ssr: false });

diff --git a/pages/_error.tsx b/pages/_error.tsx
@@ -1,7 +1,8 @@
-const FaHeartBroken = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
+const FaHeartBroken = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaHeartBroken), { ssr: false })
 
 import dynamic from 'next/dynamic';
 import styles from '../styles/Index.module.css';
+import { IconType } from 'react-icons-ng';
 
 function Error({ statusCode }) {
   return (

diff --git a/pages/account.tsx b/pages/account.tsx
@@ -11,17 +11,18 @@ import { createPagesServerClient } from '@supabase/auth-helpers-nextjs';
 import styles from '../styles/Account.module.css';
 
 // Icons
-const FaGithub = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaGithub), { ssr: false })
-const FaUser = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaUser), { ssr: false })
+const FaGithub = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaGithub), { ssr: false })
+const FaUser = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaUser), { ssr: false })
 
-const LuRefreshCw = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuRefreshCw), { ssr: false })
-const Md2RobotExcited = dynamic(() => import('react-icons-ng/md2').then(mod => mod.Md2RobotExcited), { ssr: false })
+const LuRefreshCw = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuRefreshCw), { ssr: false })
+const Md2RobotExcited = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/md2').then(mod => mod.Md2RobotExcited), { ssr: false })
 
 
 // Our imports
 import { User } from '../utils/types/user';
 import { PostgrestError } from '@supabase/supabase-js';
 import Link from 'next/link';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../components/Metatags'), { ssr: true });

diff --git a/pages/auth/error.tsx b/pages/auth/error.tsx
@@ -8,9 +8,10 @@ import Link from 'next/link';
 // Styles
 import generalStyles from '../../styles/General.module.css';
 import styles from '../../styles/Home.module.css';
+import { IconType } from 'react-icons-ng';
 
 // Icons
-const FaWindowClose = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaWindowClose), { ssr: false })
+const FaWindowClose = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaWindowClose), { ssr: false })
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../../components/Metatags'), {

diff --git a/pages/auth/signin.tsx b/pages/auth/signin.tsx
@@ -5,12 +5,13 @@ import { useState, useEffect } from 'react';
 import generalStyles from '../../styles/General.module.css';
 
 // Icons
-const FaGithub = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaGithub), { ssr: false })
+const FaGithub = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaGithub), { ssr: false })
 
 // Auth
 import { useSupabaseClient } from '@supabase/auth-helpers-react';
 import { createPagesServerClient } from '@supabase/auth-helpers-nextjs';
 import { useRouter } from 'next/router';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../../components/Metatags'), {

diff --git a/pages/bin/[id].tsx b/pages/bin/[id].tsx
@@ -14,15 +14,15 @@ import boardStyles from '../../styles/Board.module.css';
 import { loadLanguage } from '@uiw/codemirror-extensions-langs';
 
 // Icons
-const FaLink = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaLink), { ssr: false })
-const FaCode = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaCode), { ssr: false })
-const FaPencilAlt = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaPencilAlt), { ssr: false })
+const FaLink = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaLink), { ssr: false })
+const FaCode = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaCode), { ssr: false })
+const FaPencilAlt = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaPencilAlt), { ssr: false })
 
-const GoGitBranch = dynamic(() => import('react-icons-ng/go').then(mod => mod.GoGitBranch), { ssr: false })
+const GoGitBranch = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/go').then(mod => mod.GoGitBranch), { ssr: false })
 
-const Md2RobotExcited = dynamic(() => import('react-icons-ng/md2').then(mod => mod.Md2RobotExcited), { ssr: false })
+const Md2RobotExcited = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/md2').then(mod => mod.Md2RobotExcited), { ssr: false })
 
-const LuShieldCheck = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
+const LuShieldCheck = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
 
 // Our Imports
 import { BoardFile } from '../../utils/types/board';
@@ -42,6 +42,7 @@ import Skeleton from 'react-loading-skeleton';
 import { Allotment } from 'allotment';
 import 'allotment/dist/style.css';
 import BoardLoader from '../../components/BoardLoader';
+import { IconType } from 'react-icons-ng';
 // Lazy loading
 const Header = dynamic(() => import('../../components/Header'), { ssr: true });
 const CodeBoard = dynamic(() => import('../../components/CodeBoard'), {

diff --git a/pages/fork/[id].tsx b/pages/fork/[id].tsx
@@ -12,12 +12,12 @@ import styles from '../../styles/Index.module.css';
 import { loadLanguage } from '@uiw/codemirror-extensions-langs';
 
 // Icons from React-Icons-NG (Thanks 💖)
-const LuShieldOff = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuShieldOff), { ssr: false })
-const LuShieldCheck = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
-const LuTimer = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuTimer), { ssr: false })
-const LuTimerOff = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuTimerOff), { ssr: false })
+const LuShieldOff = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuShieldOff), { ssr: false })
+const LuShieldCheck = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
+const LuTimer = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuTimer), { ssr: false })
+const LuTimerOff = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuTimerOff), { ssr: false })
 
-const GoGitBranch = dynamic(() => import('react-icons-ng/go').then(mod => mod.GoGitBranch), { ssr: false })
+const GoGitBranch = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/go').then(mod => mod.GoGitBranch), { ssr: false })
 
 // Auth and Database
 import { useSession, useSupabaseClient } from '@supabase/auth-helpers-react';
@@ -43,6 +43,7 @@ import 'allotment/dist/style.css';
 // Loading Skeleton
 import Skeleton from 'react-loading-skeleton';
 import BoardLoader from '../../components/BoardLoader';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const Header = dynamic(() => import('../../components/Header'), { ssr: true });

diff --git a/pages/home.tsx b/pages/home.tsx
@@ -9,11 +9,12 @@ import generalStyles from '../styles/General.module.css';
 import styles from '../styles/Home.module.css';
 
 // Icons
-const FaPlus = dynamic(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
-const FlFillIcFluentInprivateAccount24Filled = dynamic(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentInprivateAccount24Filled), { ssr: false })
+const FaPlus = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fa').then(mod => mod.FaPlus), { ssr: false })
+const FlFillIcFluentInprivateAccount24Filled = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/fl').then(mod => mod.FlFillIcFluentInprivateAccount24Filled), { ssr: false })
 
 
 import Link from 'next/link';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const MetaTags = dynamic(() => import('../components/Metatags'), { ssr: true });

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -15,10 +15,10 @@ import { loadLanguage } from '@uiw/codemirror-extensions-langs';
 import { useSession, useSupabaseClient } from '@supabase/auth-helpers-react';
 
 // Icons from React-Icons-NG (Thanks 💖)
-const LuShieldOff = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuShieldOff), { ssr: false })
-const LuShieldCheck = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
-const LuTimer = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuTimer), { ssr: false })
-const LuTimerOff = dynamic(() => import('react-icons-ng/lu').then(mod => mod.LuTimerOff), { ssr: false })
+const LuShieldOff = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuShieldOff), { ssr: false })
+const LuShieldCheck = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuShieldCheck), { ssr: false })
+const LuTimer = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuTimer), { ssr: false })
+const LuTimerOff = dynamic<React.ComponentProps<IconType>>(() => import('react-icons-ng/lu').then(mod => mod.LuTimerOff), { ssr: false })
 
 
 // Our Imports
@@ -36,6 +36,7 @@ import { Allotment } from 'allotment';
 import 'allotment/dist/style.css';
 import BoardLoader from '../components/BoardLoader'
 import { formatCode } from '../utils/prettier';
+import { IconType } from 'react-icons-ng';
 
 // Lazy loading
 const Header = dynamic(() => import('../components/Header'), { ssr: true });