fix: appdir setup

packages/editor/core/src/ui/mentions/mentionNodeView.tsx

@@ -2,7 +2,7 @@
 // @ts-nocheck
 import { NodeViewWrapper } from "@tiptap/react";
 import { cn } from "../../lib/utils";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { IMentionHighlight } from "../../types/mention-suggestion";
 
 // eslint-disable-next-line import/no-anonymous-default-export

packages/tsconfig/nextjs.json

@@ -15,7 +15,10 @@
     "module": "esnext",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "react",
+    "paths": {
+      "react": [ "./node_modules/@types/react" ]
+      }
   },
   "include": ["src", "next-env.d.ts"],
   "exclude": ["node_modules"]

packages/tsconfig/react-library.json

@@ -4,9 +4,13 @@
   "extends": "./base.json",
   "compilerOptions": {
     "jsx": "react-jsx",
+    "strict": true,
     "lib": ["ES2015", "DOM"],
     "module": "ESNext",
     "target": "es6",
-    "sourceMap": true
+    "sourceMap": true,
+    "paths": {
+      "react": [ "./node_modules/@types/react" ]
+    }
   }
 }

packages/ui/package.json

@@ -30,9 +30,6 @@
     "tsup": "^5.10.1",
     "typescript": "4.7.4"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
     "@blueprintjs/core": "^4.16.3",
     "@blueprintjs/popover2": "^1.13.3",

space/components/accounts/email-password-form.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { useForm } from "react-hook-form";
 // components

space/components/accounts/github-login-button.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, FC } from "react";
 import Link from "next/link";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // next-themes
 import { useTheme } from "next-themes";
 // images

space/components/accounts/onboarding-form.tsx

@@ -1,5 +1,5 @@
 import { useEffect, Fragment } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Controller, useForm } from "react-hook-form";
 import { Listbox, Transition } from "@headlessui/react";

space/components/accounts/sign-in.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import useSWR from "swr";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";

space/components/issues/board-views/kanban/block.tsx

@@ -11,7 +11,7 @@ import { IssueBlockDueDate } from "components/issues/board-views/block-due-date"
 // interfaces
 import { IIssue } from "types/issue";
 import { RootStore } from "store/root";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
   const { project: projectStore, issueDetails: issueDetailStore }: RootStore = useMobxStore();

space/components/issues/board-views/list/block.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // components
 import { IssueBlockPriority } from "components/issues/board-views/block-priority";

space/components/issues/filters-render/index.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components

space/components/issues/filters-render/label/filter-label-block.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook

space/components/issues/filters-render/label/index.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components

space/components/issues/filters-render/priority/filter-priority-block.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook

space/components/issues/filters-render/priority/index.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook

space/components/issues/filters-render/state/filter-state-block.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook

space/components/issues/filters-render/state/index.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components

space/components/issues/navbar/index.tsx

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 
 import Link from "next/link";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/components/issues/navbar/issue-board-view.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // constants
 import { issueViews } from "constants/data";

space/components/issues/navbar/issue-filter.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { ChevronDown } from "lucide-react";
 // mobx store

space/components/issues/peek-overview/comment/add-comment.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { useForm, Controller } from "react-hook-form";
 // lib

space/components/issues/peek-overview/comment/comment-reactions.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/components/issues/peek-overview/issue-activity.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/components/issues/peek-overview/issue-emoji-reactions.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // lib
 import { useMobxStore } from "lib/mobx/store-provider";

space/components/issues/peek-overview/issue-vote-reactions.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/components/issues/peek-overview/layout.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/components/views/project-details.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

space/lib/mobx/store-init.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect } from "react";
 // next imports
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // js cookie
 import Cookie from "js-cookie";
 // mobx store

space/pages/[workspace_slug]/[project_slug]/index.tsx

@@ -1,5 +1,5 @@
 import Head from "next/head";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR from "swr";
 

space/pages/index.tsx

@@ -2,7 +2,7 @@ import { useEffect } from "react";
 
 // next
 import { NextPage } from "next";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 const Index: NextPage = () => {
   const router = useRouter();

web/app/layout.tsx

@@ -0,0 +1,56 @@
+"use client"
+import { ReactElement } from "react";
+import Head from "next/head";
+import dynamic from "next/dynamic";
+import Router from "next/navigation";
+import { AppProps } from "next/app";
+import { ThemeProvider } from "next-themes";
+import NProgress from "nprogress";
+// styles
+import "styles/globals.css";
+import "styles/editor.css";
+import "styles/table.css";
+import "styles/command-pallette.css";
+import "styles/nprogress.css";
+import "styles/react-datepicker.css";
+// contexts
+import { ToastContextProvider } from "contexts/toast.context";
+// constants
+import { THEMES } from "constants/themes";
+import { SITE_TITLE } from "constants/seo-variables";
+// mobx store provider
+import { MobxStoreProvider } from "lib/mobx/store-provider";
+import MobxStoreInit from "lib/mobx/store-init";
+// types
+import { NextPageWithLayout } from "types/app";
+
+const CrispWithNoSSR = dynamic(() => import("constants/crisp"), { ssr: false });
+
+// // nprogress
+// NProgress.configure({ showSpinner: false });
+// Router.events.on("routeChangeStart", NProgress.start);
+// Router.events.on("routeChangeError", NProgress.done);
+// Router.events.on("routeChangeComplete", NProgress.done);
+
+export default function AppLayout({ children }:any) {
+  // Use the layout defined at the page level, if available
+//   const getLayout = Component.getLayout ?? ((page: ReactElement) => page);
+
+  return (
+    <>
+      <Head>
+        <title>{SITE_TITLE}</title>
+      </Head>
+      <MobxStoreProvider>
+        <ThemeProvider themes={THEMES} defaultTheme="system">
+          <ToastContextProvider>
+            <CrispWithNoSSR />
+            <MobxStoreInit />
+            {children}
+          </ToastContextProvider>
+        </ThemeProvider>
+      </MobxStoreProvider>
+    </>
+  );
+}
+

web/app/page.tsx

@@ -0,0 +1,16 @@
+"use client"
+import { ReactElement } from "react";
+// layouts
+import DefaultLayout from "layouts/default-layout";
+// components
+import { SignInView } from "components/page-views";
+// type
+import { NextPageWithLayout } from "types/app";
+
+const HomePage: NextPageWithLayout = () => <SignInView />;
+
+// HomePage.getLayout = function getLayout(page: ReactElement) {
+//   return <DefaultLayout>{page}</DefaultLayout>;
+// };
+
+export default HomePage;

web/components/account/email-forgot-password-form.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { useForm, Controller } from "react-hook-form";
 // ui
 import { Input, Button } from "@plane/ui";

web/components/account/email-password-form.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useForm, Controller } from "react-hook-form";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // ui
 import { Input, Button } from "@plane/ui";
 

web/components/account/github-login-button.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, FC } from "react";
 import Link from "next/link";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { useTheme } from "next-themes";
 // images
 import githubBlackImage from "/public/logos/github-black.png";

web/components/analytics/custom-analytics/custom-analytics.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 import { useForm } from "react-hook-form";
 import { observer } from "mobx-react-lite";

web/components/analytics/custom-analytics/main-content.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { mutate } from "swr";
 
 // components

web/components/analytics/custom-analytics/select-bar.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Control, Controller, UseFormSetValue } from "react-hook-form";
 

web/components/analytics/custom-analytics/select/segment.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { CustomSelect } from "@plane/ui";

web/components/analytics/custom-analytics/select/x-axis.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { CustomSelect } from "@plane/ui";

web/components/analytics/custom-analytics/sidebar/sidebar-header.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 
 // mobx store

web/components/analytics/custom-analytics/sidebar/sidebar.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { mutate } from "swr";
 // services

web/components/analytics/project-modal/main-content.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Tab } from "@headlessui/react";
 // mobx store

web/components/analytics/scope-and-demand/scope-and-demand.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR from "swr";
 

web/components/auth-screens/not-authorized-view.tsx

@@ -2,7 +2,7 @@ import React from "react";
 // next
 import Link from "next/link";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // layouts
 import DefaultLayout from "layouts/default-layout";
 // hooks

web/components/auth-screens/project/join-project.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";
 // ui

web/components/automation/auto-close-automation.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import useSWR from "swr";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // component
 import { SelectMonthModal } from "components/automation";
 import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon } from "@plane/ui";

web/components/automation/select-month-modal.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // headless ui

web/components/breadcrumbs/index.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 // icons
 import { MoveLeft } from "lucide-react";

web/components/command-palette/command-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR, { mutate } from "swr";
 import { Command } from "cmdk";
 import { Dialog, Transition } from "@headlessui/react";

web/components/command-palette/command-pallette.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 import { observer } from "mobx-react-lite";
 // hooks

web/components/command-palette/issue/change-issue-assignee.tsx

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction, useCallback, FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { mutate } from "swr";
 import { Command } from "cmdk";

web/components/command-palette/issue/change-issue-priority.tsx

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction, useCallback } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import { mutate } from "swr";
 

web/components/command-palette/issue/change-issue-state.tsx

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction, useCallback } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR, { mutate } from "swr";
 

web/components/core/activity.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR from "swr";
 

web/components/core/image-picker-popover.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef, useCallback } from "react";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import useSWR from "swr";
 import { useDropzone } from "react-dropzone";

web/components/core/modals/bulk-delete-issues-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 // react hook form
 import { SubmitHandler, useForm } from "react-hook-form";

web/components/core/modals/existing-issues-list-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { Combobox, Dialog, Transition } from "@headlessui/react";
 import { Rocket, Search, X } from "lucide-react";
 // services

web/components/core/modals/gpt-assistant-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // services

web/components/core/modals/image-upload-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { useDropzone } from "react-dropzone";
 import { Transition, Dialog } from "@headlessui/react";

web/components/cycles/active-cycle-details.tsx

@@ -1,6 +1,6 @@
 import { MouseEvent } from "react";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 // hooks
 import useToast from "hooks/use-toast";

web/components/cycles/cycle-peek-overview.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // mobx
 import { observer } from "mobx-react-lite";

web/components/cycles/cycles-board-card.tsx

@@ -1,5 +1,5 @@
 import { FC, MouseEvent, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 // hooks
 import useToast from "hooks/use-toast";

web/components/cycles/cycles-list-item.tsx

@@ -1,6 +1,6 @@
 import { FC, MouseEvent, useState } from "react";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // stores
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/cycles/gantt-chart/blocks.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { Tooltip, ContrastIcon } from "@plane/ui";

web/components/cycles/gantt-chart/cycles-list-layout.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import { KeyedMutator } from "swr";
 

web/components/cycles/select.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 import { Listbox, Transition } from "@headlessui/react";
 // icons

web/components/cycles/sidebar.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { mutate } from "swr";
 import { useForm } from "react-hook-form";

web/components/cycles/transfer-issues-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 import { Dialog, Transition } from "@headlessui/react";
 // services

web/components/cycles/transfer-issues.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR from "swr";
 

web/components/estimates/create-update-estimate-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { Controller, useForm } from "react-hook-form";
 import { Dialog, Transition } from "@headlessui/react";
 

web/components/estimates/delete-estimate-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";
 // store
 import { observer } from "mobx-react-lite";

web/components/estimates/estimate-list-item.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // store
 import { observer } from "mobx-react-lite";

web/components/estimates/estimate-list.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 // store
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/exporter/export-modal.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Dialog, Transition } from "@headlessui/react";
 // mobx store

web/components/exporter/guide.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 
 import Link from "next/link";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 import useSWR, { mutate } from "swr";
 

web/components/gantt-chart/cycle-sidebar.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { DragDropContext, Draggable, DropResult } from "@hello-pangea/dnd";
 import StrictModeDroppable from "components/dnd/StrictModeDroppable";
 import { MoreVertical } from "lucide-react";

web/components/gantt-chart/module-sidebar.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { DragDropContext, Draggable, DropResult } from "@hello-pangea/dnd";
 import StrictModeDroppable from "components/dnd/StrictModeDroppable";
 import { MoreVertical } from "lucide-react";

web/components/gantt-chart/sidebar.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { DragDropContext, Draggable, DropResult } from "@hello-pangea/dnd";
 import StrictModeDroppable from "components/dnd/StrictModeDroppable";
 import { MoreVertical } from "lucide-react";

web/components/headers/cycle-issues.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/cycles.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { Plus } from "lucide-react";
 // ui
 import { Breadcrumbs, Button, ContrastIcon } from "@plane/ui";

web/components/headers/global-issues.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import useSWR from "swr";
 

web/components/headers/module-issues.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/modules-list.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Plus } from "lucide-react";
 // mobx store

web/components/headers/page-details.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { FileText, Plus } from "lucide-react";
 // services

web/components/headers/pages.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { FileText, Plus } from "lucide-react";
 // hooks

web/components/headers/project-archived-issue-details.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import useSWR from "swr";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // hooks
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/project-archived-issues.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // hooks
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/project-draft-issues.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // hooks
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/project-inbox.tsx

@@ -1,5 +1,5 @@
 import { FC, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Plus } from "lucide-react";
 // hooks

web/components/headers/project-issue-details.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import useSWR from "swr";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 
 // ui

web/components/headers/project-issues.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { ArrowLeft, Circle, ExternalLink, Plus } from "lucide-react";
 // mobx store

web/components/headers/project-settings.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { Breadcrumbs } from "@plane/ui";

web/components/headers/project-view-issues.tsx

@@ -1,5 +1,5 @@
 import { useCallback } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";

web/components/headers/project-views.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import { Plus } from "lucide-react";
 // mobx store

web/components/headers/projects.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { Search, Plus, Briefcase } from "lucide-react";
 // ui
 import { Breadcrumbs, Button } from "@plane/ui";

web/components/headers/user-profile.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { Breadcrumbs } from "@plane/ui";

web/components/headers/workspace-analytics.tsx

@@ -1,4 +1,4 @@
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { ArrowLeft, BarChart2 } from "lucide-react";
 // ui
 import { Breadcrumbs } from "@plane/ui";

web/components/headers/workspace-settings.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 
 // ui
 import { Breadcrumbs } from "@plane/ui";

web/components/inbox/actions-header.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useRouter } from "next/router";
+import { useRouter } from "next/navigation";
 import { observer } from "mobx-react-lite";
 import DatePicker from "react-datepicker";
 import { Popover } from "@headlessui/react";