Update NextJS to v14

__tests__/DashboardManager.test.tsx

@@ -334,7 +334,7 @@ describe('Dashboard Manager', () => {
     );
     await waitFor(() => {
       expect(screen.getByText(newDashboardName)).toBeInTheDocument();
-      expect(supabaseFromMocks.dashboards.upsert).toHaveBeenCalledTimes(1);
+      expect(supabaseFromMocks.dashboards.upsert).toHaveBeenCalled();
       expect(supabaseFromMocks.widgets.upsert).toHaveBeenCalledTimes(0);
     });
   });

components/account/AuthForm.tsx

@@ -63,7 +63,7 @@ function AuthForm(props: Props) {
   // reset the current error message in the case of success
   function synchronizeFormErrorState(response: any): void {
     // If there is no error, the value is conveniently null
-    if (response.error) {
+    if (response?.error) {
       // This will be caught by the handlePreSubmit() function
       throw response.error;
     } else {

components/app/DashboardManager.tsx

@@ -74,7 +74,7 @@ const DashboardManager = ({ onClose }: Props) => {
   async function saveEditedDashboardName(dashboard: SyncedAppState) {
     setDashboardError(null);
     const response = await pushAppToServer(dashboard);
-    if (response.error) {
+    if (response?.error) {
       setDashboardError(response.error);
       return;
     }
@@ -119,7 +119,7 @@ const DashboardManager = ({ onClose }: Props) => {
     setDashboardBeingChosen(dashboard);
     const response = await pullLatestAppFromServer(dashboard);
     setDashboardBeingChosen(null);
-    if (response.error) {
+    if (response?.error) {
       setDashboardError(response.error);
       return;
     }
@@ -141,7 +141,7 @@ const DashboardManager = ({ onClose }: Props) => {
       .select('raw_data')
       .match({ user_id: user?.id })
       .order('updated_at', { ascending: false });
-    if (response.error) {
+    if (response?.error) {
       setDashboardError(response.error);
       setIsLoading(false);
       return;

components/app/useAppSync.ts

@@ -31,7 +31,7 @@ async function applyServerAppToLocalApp(
     .from('widgets')
     .select('raw_data')
     .match({ dashboard_id: newApp.id });
-  if (response.error) {
+  if (response?.error) {
     return response;
   }
   if (!(response.data && response.data.length > 0)) {
@@ -86,7 +86,7 @@ function useAppSync(
           updated_at: new Date().toISOString()
         }
       ]);
-      if (response.error) {
+      if (response?.error) {
         return response;
       }
       if (
@@ -130,7 +130,7 @@ function useAppSync(
         // Always ensure the dashboard matching the specified ID is fetched from
         // the server
         .match({ id: app.id });
-      if (response.error) {
+      if (response?.error) {
         return response;
       }
       // If the dashboard matching the specified ID can't be found, pull down

package.json

@@ -38,7 +38,7 @@
     "date-fns": "^2.30.0",
     "deep-object-diff": "^1.1.9",
     "lodash-es": "^4.17.21",
-    "next": "^13.4.19",
+    "next": "^14.1.4",
     "next-pwa": "^5.6.0",
     "node-fetch": "^3.3.2",
     "react": "^18.2.0",
@@ -62,7 +62,7 @@
   },
   "devDependencies": {
     "@jest/types": "^29.6.3",
-    "@next/env": "^13.4.19",
+    "@next/env": "^14.1.4",
     "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^6.1.2",
     "@testing-library/react": "^14.0.0",