fix: 404 page build error

Author: AlexStack

README.md

@@ -23,7 +23,7 @@ If you prefer Tailwind css, check this: [Tailwind-CSS-Version](https://github.co
 - Clone & install React19-Next15-MUI6-TS-Starter:
   - `git clone -b react19-nextjs15 https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter.git react19-nextjs15-mui6-ts-starter && cd react19-nextjs15-mui6-ts-starter && yarn install && yarn dev -p 3005`
   - Open <http://localhost:3005>
-  - Note: React 19 is not released yet, this are some warnings in the console, please ignore them.
+  - Note: React 19 is not released yet, there are some warnings in the console, please ignore them.
 - Clone & install React18-Next14-MUI5-TS-Starter:
   - `git clone -b nextjs14 https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter.git react18-nextjs14-mui5-ts-starter && cd react18-nextjs14-mui5-ts-starter && yarn install && yarn dev -p 3005`
   - Open <http://localhost:3005>

src/app/not-found.tsx

@@ -3,6 +3,7 @@
 
 import { Box } from '@mui/material';
 import { Metadata } from 'next';
+import { usePathname } from 'next/navigation';
 import * as React from 'react';
 import { RiAlarmWarningFill } from 'react-icons/ri';
 
@@ -11,6 +12,7 @@ export const metadata: Metadata = {
 };
 
 export default function NotFound() {
+  const pathname = usePathname();
   return (
     <main>
       <Box sx={{ textAlign: 'center' }}>
@@ -20,7 +22,8 @@ export default function NotFound() {
             className='drop-shadow-glow animate-flicker text-red-500'
           />
           <h1>Page Not Found</h1>
-          <div>{window.location.href} NOT exists</div>
+          {/* <div>{window.location.href} NOT exists</div> */}
+          <div>{pathname} NOT exists</div>
           <h5>change this in app/not-found.tsx</h5>
           <a href='/'>Back to home</a>
           <div>