chore: next 16

Author: agmmtoo

.github/workflows/prod-deploy.yml

@@ -37,7 +37,7 @@ jobs:
         id: login-ecr
         uses: aws-actions/amazon-ecr-login@v1
         with:
-          mask-password: "true"
+          mask-password: 'true'
 
       # This is a separate action that sets up buildx runner
       - name: Setup Docker Buildx

app/(auth)/forgot-password/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import { SITE_NAME } from '@/lib/consts'
 import { ForgotPasswordForm } from '@/components/forgot-password-form'
+import { Route } from 'next'
 
 export const metadata: Metadata = {
   title: `Forgot Password · ${SITE_NAME}`,
@@ -11,7 +12,7 @@ export default async function Page({
 }: {
   searchParams: Promise<{
     email?: string
-    from?: string
+    from?: Route
   }>
 }) {
   const { email, from = '/' } = await searchParams

app/(auth)/login/page.tsx

@@ -1,5 +1,5 @@
 import { LoginForm } from '@/components/login-form'
-import type { Metadata } from 'next'
+import type { Metadata, Route } from 'next'
 import { SITE_NAME } from '@/lib/consts'
 import { AnimatedBooksBackground } from '@/components/ui/animated-books-background'
 
@@ -12,7 +12,7 @@ export default async function Page({
 }: {
   searchParams: Promise<{
     email?: string
-    from?: string
+    from?: Route
   }>
 }) {
   const { email, from = '/' } = await searchParams

app/(protected)/admin/dashboard/page.tsx

@@ -8,7 +8,7 @@ import {
 } from '@/components/ui/breadcrumb'
 
 import { SITE_NAME } from '@/lib/consts'
-import type { Metadata } from 'next'
+import type { Metadata, Route } from 'next'
 import { LibrarySelector } from '@/components/dashboard/LibrarySelector'
 import { DateRangeSelector } from '@/components/dashboard/DateRangeSelector'
 import { IsLoggedIn } from '@/lib/firebase/firebase'
@@ -69,7 +69,7 @@ export default async function DashboardPage({
     sp.set('from', from)
     sp.set('to', to)
 
-    redirect('?' + sp.toString(), RedirectType.replace)
+    redirect(('?' + sp.toString()) as Route, RedirectType.replace)
   }
 
   const libsRes = await getListLibraries({ limit: 5 })
@@ -86,7 +86,7 @@ export default async function DashboardPage({
     const sp = new URLSearchParams(p)
     sp.set('library_id', libraryID)
 
-    redirect('./?' + sp.toString(), RedirectType.replace)
+    redirect(('./?' + sp.toString()) as Route, RedirectType.replace)
   }
 
   const fromDate = parse(from, 'dd-MM-yyyy', new Date())
@@ -102,7 +102,7 @@ export default async function DashboardPage({
     if (range.from) sp.set('from', format(range.from, 'dd-MM-yyyy'))
     if (range.to) sp.set('to', format(range.to, 'dd-MM-yyyy'))
 
-    redirect('./?' + sp.toString(), RedirectType.replace)
+    redirect(('./?' + sp.toString()) as Route, RedirectType.replace)
   }
 
   const start = startOfDay(parse(from, 'dd-MM-yyyy', new Date())).toJSON()

app/(protected)/admin/users/new/page.tsx

@@ -24,7 +24,7 @@ export default function NewUser() {
       email,
     })
 
-    redirect('/users')
+    redirect('/admin/users')
   }
 
   return (

components/books/DetailBook.tsx

@@ -4,7 +4,7 @@ import { ThreeDBook } from '@/components/books/three-d-book'
 import { Badge } from '@/components/ui/badge'
 import Link from 'next/link'
 import { BookDetail } from '@/lib/types/book'
-import { unstable_ViewTransition as ViewTransition } from 'react'
+import { ViewTransition } from 'react'
 import { getBookStatus } from '@/lib/utils'
 
 export const DetailBook: React.FC<

components/books/ListBook.tsx

@@ -9,7 +9,7 @@ import {
   CardTitle,
 } from '@/components/ui/card'
 import clsx from 'clsx'
-import { unstable_ViewTransition as ViewTransition } from 'react'
+import { ViewTransition } from 'react'
 import { getBookStatus } from '@/lib/utils'
 
 export const ListBook: React.FC<{ book: Book }> = ({ book }) => {

components/borrows/DetailBorrow.tsx

@@ -29,7 +29,7 @@ import { Borrow } from '@/lib/types/borrow'
 import { DateTime } from '@/components/common/DateTime'
 import { ThreeDBook } from '@/components/books/three-d-book'
 import { Route } from 'next'
-import { unstable_ViewTransition as ViewTransition } from 'react'
+import { ViewTransition } from 'react'
 import { Alert, AlertDescription, AlertTitle } from '../ui/alert'
 
 export const DetailBorrow: React.FC<

components/forgot-password-form.tsx

@@ -14,11 +14,12 @@ import { Label } from '@/components/ui/label'
 import { useActionState, useEffect } from 'react'
 import { loginAction } from '@/lib/actions/login'
 import Link from 'next/link'
+import { Route } from 'next'
 
 export function ForgotPasswordForm({
   className,
   ...props
-}: React.ComponentPropsWithoutRef<'div'> & { email?: string; from: string }) {
+}: React.ComponentPropsWithoutRef<'div'> & { email?: string; from: Route }) {
   const initialState = {
     error: '',
     email: props.email ?? '',

components/login-form.tsx

@@ -15,11 +15,12 @@ import { useActionState, useEffect, useState } from 'react'
 import { loginAction } from '@/lib/actions/login'
 import Link from 'next/link'
 import { Checkbox } from './ui/checkbox'
+import { Route } from 'next'
 
 export function LoginForm({
   className,
   ...props
-}: React.ComponentPropsWithoutRef<'div'> & { email?: string; from: string }) {
+}: React.ComponentPropsWithoutRef<'div'> & { email?: string; from: Route }) {
   const initialState = {
     error: '',
     email: props.email ?? '',