fix: @bprogress/next display error

KUN1007 · KUN1007 · commit 11ff38684597 · 2025-06-29T11:48:19.000+08:00
diff --git a/components/about/SideTreeItem.tsx b/components/about/SideTreeItem.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { Link } from '@heroui/link'
 import { KunTreeNode } from '~/lib/mdx/types'
 import { ChevronRight, FileText, FolderOpen } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { cn } from '~/utils/cn'
 
 interface TreeItemProps {
diff --git a/components/apply/Container.tsx b/components/apply/Container.tsx
@@ -13,7 +13,7 @@ import {
   Link
 } from '@heroui/react'
 import { BadgeCheck, CheckCircle2, CircleSlash, Trophy } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { kunFetchPost } from '~/utils/kunFetch'
 import { kunErrorHandler } from '~/utils/kunErrorHandler'
 import toast from 'react-hot-toast'
diff --git a/components/apply/Success.tsx b/components/apply/Success.tsx
@@ -4,7 +4,7 @@ import { useEffect } from 'react'
 import { Button, Card, CardBody } from '@heroui/react'
 import { motion } from 'framer-motion'
 import { BadgeCheck, Home, Rocket } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { useConfetti } from '~/hooks/useConfetti'
 
 export const ApplySuccess = () => {
diff --git a/components/company/detail/Container.tsx b/components/company/detail/Container.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useState, useTransition, useEffect } from 'react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { Button, Chip } from '@heroui/react'
 import { useDisclosure } from '@heroui/modal'
 import { Link } from '@heroui/link'
diff --git a/components/edit/create/PublishButton.tsx b/components/edit/create/PublishButton.tsx
@@ -9,7 +9,7 @@ import toast from 'react-hot-toast'
 import { kunFetchFormData } from '~/utils/kunFetch'
 import { kunErrorHandler } from '~/utils/kunErrorHandler'
 import { patchCreateSchema } from '~/validations/edit'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { VNDBRegex } from '~/utils/validate'
 import type { Dispatch, SetStateAction } from 'react'
 import type { CreatePatchRequestData } from '~/store/editStore'
diff --git a/components/edit/rewrite/RewritePatch.tsx b/components/edit/rewrite/RewritePatch.tsx
@@ -8,7 +8,7 @@ import toast from 'react-hot-toast'
 import { kunFetchPut } from '~/utils/kunFetch'
 import { kunErrorHandler } from '~/utils/kunErrorHandler'
 import { patchUpdateSchema } from '~/validations/edit'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { GameNameInput } from './GameNameInput'
 import { VNDBInput } from './VNDBInput'
 import { ReleaseDateInput } from '../components/ReleaseDateInput'
diff --git a/components/error/ErrorComponent.tsx b/components/error/ErrorComponent.tsx
@@ -2,7 +2,7 @@
 
 import { Button, Card, CardBody, CardFooter, CardHeader } from '@heroui/react'
 import { AlertTriangle, ArrowLeft, Home, RefreshCw } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 
 interface ErrorComponentProps {
   error: string
diff --git a/components/kun/floating-card/KunAvatar.tsx b/components/kun/floating-card/KunAvatar.tsx
@@ -3,7 +3,7 @@
 import { Tooltip } from '@heroui/tooltip'
 import { Avatar } from '@heroui/avatar'
 import { KunUserCard } from './KunUserCard'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import type { AvatarProps } from '@heroui/avatar'
 
 interface KunAvatarProps extends AvatarProps {
diff --git a/components/kun/floating-card/KunUser.tsx b/components/kun/floating-card/KunUser.tsx
@@ -2,7 +2,7 @@
 
 import { Tooltip } from '@heroui/tooltip'
 import { User } from '@heroui/user'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { KunUserCard } from './KunUserCard'
 import type { UserProps } from '@heroui/user'
 
diff --git a/components/kun/top-bar/RandomGalgameButton.tsx b/components/kun/top-bar/RandomGalgameButton.tsx
@@ -2,7 +2,7 @@
 
 import { Button } from '@heroui/react'
 import { Dices } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import toast from 'react-hot-toast'
 import { kunFetchGet } from '~/utils/kunFetch'
 import type { ButtonProps } from '@heroui/react'
diff --git a/components/kun/top-bar/Search.tsx b/components/kun/top-bar/Search.tsx
@@ -3,7 +3,7 @@
 import { Tooltip } from '@heroui/tooltip'
 import { Button, Link } from '@heroui/react'
 import { Search } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { useHotkeys } from 'react-hotkeys-hook'
 
 export const KunSearch = () => {
diff --git a/components/kun/top-bar/User.tsx b/components/kun/top-bar/User.tsx
@@ -8,7 +8,7 @@ import { Button } from '@heroui/button'
 import { Skeleton } from '@heroui/skeleton'
 import { Tooltip } from '@heroui/tooltip'
 import { useUserStore } from '~/store/userStore'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { kunFetchGet } from '~/utils/kunFetch'
 import { ThemeSwitcher } from './ThemeSwitcher'
 import { useMounted } from '~/hooks/useMounted'
diff --git a/components/kun/top-bar/UserMessageBell.tsx b/components/kun/top-bar/UserMessageBell.tsx
@@ -6,7 +6,7 @@ import { Tooltip } from '@heroui/tooltip'
 import { Bell, BellRing } from 'lucide-react'
 import { AnimatePresence, motion } from 'framer-motion'
 import { bellShakeVariants, dotVariants } from '~/motion/bell'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { useUserStore } from '~/store/userStore'
 
 interface Props {
diff --git a/components/kun/top-bar/user/Logout.tsx b/components/kun/top-bar/user/Logout.tsx
@@ -13,7 +13,7 @@ import {
 import { LogOut } from 'lucide-react'
 import { useUserStore } from '~/store/userStore'
 import { useState } from 'react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { kunFetchPost } from '~/utils/kunFetch'
 import toast from 'react-hot-toast'
 
diff --git a/components/login/Login.tsx b/components/login/Login.tsx
@@ -9,7 +9,7 @@ import { kunFetchPost } from '~/utils/kunFetch'
 import { loginSchema } from '~/validations/auth'
 import { useUserStore } from '~/store/userStore'
 import { kunErrorHandler } from '~/utils/kunErrorHandler'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import toast from 'react-hot-toast'
 import { KunCaptchaModal } from '~/components/kun/auth/CaptchaModal'
 import { KunTextDivider } from '~/components/kun/TextDivider'
diff --git a/components/message/chat/CreateGroupChatModal.tsx b/components/message/chat/CreateGroupChatModal.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useTransition } from 'react'
 import { useForm, Controller } from 'react-hook-form'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import {
   Modal,
   ModalContent,
diff --git a/components/patch/header/Actions.tsx b/components/patch/header/Actions.tsx
@@ -3,7 +3,7 @@
 import { useState } from 'react'
 import { Button, Tooltip } from '@heroui/react'
 import { Download, Heart, Share2, Pencil, Trash2 } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import {
   Modal,
   ModalBody,
diff --git a/components/patch/introduction/PatchCompanySelector.tsx b/components/patch/introduction/PatchCompanySelector.tsx
@@ -19,7 +19,7 @@ import type { Company as CompanyType } from '~/types/api/company'
 import { useDebounce } from 'use-debounce'
 import { useMounted } from '~/hooks/useMounted'
 import { kunFetchGet, kunFetchPost, kunFetchPut } from '~/utils/kunFetch'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import toast from 'react-hot-toast'
 import { KunLoading } from '~/components/kun/Loading'
 import { SearchCompanies } from '~/components/company/SearchCompanies'
diff --git a/components/patch/introduction/PatchTagSelector.tsx b/components/patch/introduction/PatchTagSelector.tsx
@@ -20,7 +20,7 @@ import { kunFetchGet, kunFetchPost, kunFetchPut } from '~/utils/kunFetch'
 import { useDebounce } from 'use-debounce'
 import { SearchTags } from '~/components/tag/SearchTag'
 import { KunLoading } from '~/components/kun/Loading'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import type { Tag as TagType } from '~/types/api/tag'
 import toast from 'react-hot-toast'
 
diff --git a/components/ranking/Container.tsx b/components/ranking/Container.tsx
@@ -10,7 +10,7 @@ import {
 import { Button } from '@heroui/button'
 import { Puzzle, User, ChevronDown } from 'lucide-react'
 import { useSearchParams } from 'next/navigation'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { KunHeader } from '~/components/kun/Header'
 import {
   userSortOptions,
diff --git a/components/register/Register.tsx b/components/register/Register.tsx
@@ -12,7 +12,7 @@ import { kunErrorHandler } from '~/utils/kunErrorHandler'
 import { redirect } from 'next/navigation'
 import toast from 'react-hot-toast'
 import { EmailVerification } from '~/components/kun/verification-code/Code'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { KunTextDivider } from '~/components/kun/TextDivider'
 import type { UserState } from '~/store/userStore'
 
diff --git a/components/settings/user/Reset.tsx b/components/settings/user/Reset.tsx
@@ -13,7 +13,7 @@ import {
   useDisclosure
 } from '@heroui/react'
 import { Button } from '@heroui/button'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import toast from 'react-hot-toast'
 
 export const Reset = () => {
diff --git a/components/tag/detail/Container.tsx b/components/tag/detail/Container.tsx
@@ -14,7 +14,7 @@ import { useMounted } from '~/hooks/useMounted'
 import { GalgameCard } from '~/components/galgame/Card'
 import { KunNull } from '~/components/kun/Null'
 import { EditTagModal } from './EditTagModal'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { KunUser } from '~/components/kun/floating-card/KunUser'
 import { formatDistanceToNow } from '~/utils/formatDistanceToNow'
 
diff --git a/components/user/Profile.tsx b/components/user/Profile.tsx
@@ -11,7 +11,7 @@ import { UserFollow } from './follow/Follow'
 import { Stats } from './follow/Stats'
 import { SelfButton } from './SelfButton'
 import { USER_ROLE_MAP } from '~/constants/user'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { generatePrivateRoomLink } from '~/utils/generatePrivateRoomLink'
 import { formatDate } from '~/utils/time'
 import type { UserInfo } from '~/types/api/user'
diff --git a/components/user/SelfButton.tsx b/components/user/SelfButton.tsx
@@ -2,7 +2,7 @@
 
 import { Button } from '@heroui/button'
 import { BadgeCheck, Pencil, Shield } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import type { UserInfo } from '~/types/api/user'
 
 interface Props {
diff --git a/components/user/follow/Follow.tsx b/components/user/follow/Follow.tsx
@@ -12,7 +12,7 @@ import {
 } from '@heroui/modal'
 import { kunFetchPost } from '~/utils/kunFetch'
 import { Check, Plus } from 'lucide-react'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { useUserStore } from '~/store/userStore'
 import { kunErrorHandler } from '~/utils/kunErrorHandler'
 
diff --git a/components/user/follow/UserList.tsx b/components/user/follow/UserList.tsx
@@ -4,7 +4,7 @@ import { Avatar, Card, CardBody } from '@heroui/react'
 import { Users } from 'lucide-react'
 import { useEffect, useState } from 'react'
 import { kunFetchGet } from '~/utils/kunFetch'
-import { useRouter } from 'next/navigation'
+import { useRouter } from '@bprogress/next'
 import { KunLoading } from '~/components/kun/Loading'
 import { KunNull } from '~/components/kun/Null'
 import { UserFollow } from './Follow'
