fix: build issues with nextjs 14 (#184)

bcgov · Aug 28, 2024 · b345527 · b345527
1 parent dd339c2
commit b345527
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 36 deletions.
diff --git a/app/.babelrc b/app/.babelrc
diff --git a/app/pages/_app.tsx b/app/pages/_app.tsx
@@ -37,12 +37,6 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps) {
       <SessionProvider session={session}>
         {modalConfig.show && <Modal modalConfig={modalConfig} setModalConfig={setModalConfig} />}
         <Layout onLoginClick={handleLogin} onLogoutClick={handleLogout}>
-          <Head>
-            <html lang="en" />
-            <title>Keycloak Realm Registry</title>
-            <meta name="description" content="Keycloak Realm Registry" />
-            <link rel="icon" href="/bcid-favicon-32x32.png" />
-          </Head>
           <Component {...pageProps} onLoginClick={handleLogin} onLogoutClick={handleLogout} />
         </Layout>
       </SessionProvider>

diff --git a/app/pages/_document.tsx b/app/pages/_document.tsx
@@ -27,7 +27,11 @@ export default class MyDocument extends Document {
   render() {
     return (
       <Html>
-        <Head />
+        <Head>
+          <html lang="en" />
+          <meta name="description" content="Keycloak Realm Registry" />
+          <link rel="icon" href="/bcid-favicon-32x32.png" />
+        </Head>
         <body>
           <Main />
           <NextScript />

diff --git a/app/pages/custom-realm-dashboard.tsx b/app/pages/custom-realm-dashboard.tsx
@@ -10,6 +10,7 @@ import { Table } from '@bcgov-sso/common-react-components';
 import { faTrash, faTrashRestoreAlt } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Grid as SpinnerGrid } from 'react-loader-spinner';
+import Head from 'next/head';
 
 const Container = styled.div`
   padding: 0 1.5em;
@@ -290,24 +291,29 @@ function CustomRealmDashboard({ alert }: Props) {
   };
 
   return (
-    <Container>
-      <h1>Custom Realm Dashboard</h1>
-      {loading ? (
-        <AlignCenter>
-          <SpinnerGrid color="#000" height={45} width={45} wrapperClass="d-block" visible={loading} />
-        </AlignCenter>
-      ) : (
-        <Table columns={columns} data={realmRequests} variant="mini" enablePagination onRowSelect={handleRowSelect} />
-      )}
+    <>
+      <Head>
+        <title>Custom Realm Dashboard</title>
+      </Head>
+      <Container>
+        <h1>Custom Realm Dashboard</h1>
+        {loading ? (
+          <AlignCenter>
+            <SpinnerGrid color="#000" height={45} width={45} wrapperClass="d-block" visible={loading} />
+          </AlignCenter>
+        ) : (
+          <Table columns={columns} data={realmRequests} variant="mini" enablePagination onRowSelect={handleRowSelect} />
+        )}
 
-      {selectedRow && (
-        <CustomRealmTabs
-          lastUpdateTime={lastUpdateTime}
-          selectedRow={selectedRow}
-          handleRequestStatusChange={handleRequestStatusChange}
-        />
-      )}
-    </Container>
+        {selectedRow && (
+          <CustomRealmTabs
+            lastUpdateTime={lastUpdateTime}
+            selectedRow={selectedRow}
+            handleRequestStatusChange={handleRequestStatusChange}
+          />
+        )}
+      </Container>
+    </>
   );
 }
 

diff --git a/app/yarn.lock b/app/yarn.lock
@@ -1704,9 +1704,9 @@
   integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==
 
 "@types/aws-lambda@^8.10.83":
-  version "8.10.143"
-  resolved "https://registry.yarnpkg.com/@types/aws-lambda/-/aws-lambda-8.10.143.tgz#383693fbaadc6994a71d64a7c09e8c244fad8dff"
-  integrity sha512-u5vzlcR14ge/4pMTTMDQr3MF0wEe38B2F9o84uC4F43vN5DGTy63npRrB6jQhyt+C0lGv4ZfiRcRkqJoZuPnmg==
+  version "8.10.145"
+  resolved "https://registry.yarnpkg.com/@types/aws-lambda/-/aws-lambda-8.10.145.tgz#b2d31a987f4888e5553ff1819f57cafa475594d9"
+  integrity sha512-dtByW6WiFk5W5Jfgz1VM+YPA21xMXTuSFoLYIDY0L44jDLLflVPtZkYuu3/YxpGcvjzKFBZLU+GyKjR0HOYtyw==
 
 "@types/babel__core@^7.1.14":
   version "7.20.5"
@@ -1971,9 +1971,9 @@
   integrity sha512-PLwiVvTBg59tGFL/8VpcGvqOu3L4OuveNvPi0EYbWchRdEVP++yRUXJPFl+CApKEq13017/4Nf7aQ5lTtHUNsA==
 
 "@types/node@*":
-  version "22.5.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.5.0.tgz#10f01fe9465166b4cab72e75f60d8b99d019f958"
-  integrity sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==
+  version "22.5.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.5.1.tgz#de01dce265f6b99ed32b295962045d10b5b99560"
+  integrity sha512-KkHsxej0j9IW1KKOOAA/XBA0z08UFSrRQHErzEfA3Vgq57eXIMYboIlHJuYIfd+lwCQjtKqUu3UnmKbtUc9yRw==
   dependencies:
     undici-types "~6.19.2"
 
@@ -1988,9 +1988,9 @@
   integrity sha512-i+oEEJEC+1I3XAhgqtVp45Faj8MBbV0Aoq4rHsHD7avgLjyDkaWKObd514g0Q/DOUkdxU0P4CQ0iq2KR4SoJcw==
 
 "@types/pg@^8.6.5":
-  version "8.11.6"
-  resolved "https://registry.yarnpkg.com/@types/pg/-/pg-8.11.6.tgz#a2d0fb0a14b53951a17df5197401569fb9c0c54b"
-  integrity sha512-/2WmmBXHLsfRqzfHW7BNZ8SbYzE8OSk7i3WjFYvfgRHj7S1xj+16Je5fUKv3lVdVzk/zn9TXOqf+avFCFIE0yQ==
+  version "8.11.7"
+  resolved "https://registry.yarnpkg.com/@types/pg/-/pg-8.11.7.tgz#31e19fc02ff7702d735332831c0ec1710a872a3d"
+  integrity sha512-k4VGqp1LQzJP5pSK2TR3bJGr9CnErXeRubUEtJu+l1hFGbUwKyMZEjLAlWpfGkrZAatz0O4jP4YPqDepv8CRbQ==
   dependencies:
     "@types/node" "*"
     pg-protocol "*"