fully typify

packages/explorer-ui/components/Error/index.tsx

@@ -3,7 +3,7 @@ import { ExclamationIcon } from '@heroicons/react/outline';
 
 interface ErrorProps {
   text: string;
-  param: string;
+  param: string | string[];
   subtitle?: string;
 }
 

packages/explorer-ui/components/Pagination/index.tsx

@@ -10,6 +10,7 @@ import Link from 'next/link'
 export function Pagination({}) {
   const router = useRouter()
   let { p } = router.query
+  // @ts-ignore
   p = p ?? 1
 
   return (
@@ -20,16 +21,19 @@ export function Pagination({}) {
           query: { ...router.query, p: 1 },
         }}
         scroll={false}
+        // @ts-ignore
         className={p === 1 ? `pointer-events-none opacity-50` : ''}
       >
         <ChevronDoubleLeftIcon className="w-5 h-5" strokeWidth={1} />
       </Link>
       <Link
         href={{
           pathname: router.basePath,
+          // @ts-ignore
           query: { ...router.query, p: p - 1 },
         }}
         scroll={false}
+        // @ts-ignore
         className={p === 1 ? `pointer-events-none opacity-50` : ''}
       >
         <ChevronLeftIcon className="w-5 h-5" strokeWidth={1} />

packages/explorer-ui/components/layouts/StandardPageContainer.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 
 interface StandardPageContainerProps {
-  title: string;
+  title?: string;
   subtitle?: string;
   children: ReactNode;
   rightContent?: ReactNode;

packages/explorer-ui/components/tailwind/Grid.tsx

@@ -255,7 +255,7 @@ export default function Grid({
 
   if (gap ?? false) {
     if (Number.isInteger(gap)) {
-      novelClassName += GAP_LOOKUP[gap];
+      novelClassName += GAP_LOOKUP[String(gap)];
     } else {
       for (const [screenSize, gapSize] of (gap as Array<number>).entries()) {
         novelClassName += SIZE_GAP_LOOKUP[screenSize][gapSize];