source/96/src/app/not-found.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

"use client";

import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";

export default () => {
  const router = useRouter();

  const [seconds, setSeconds] = useState(5);

  useEffect(() => {
    const interval = setInterval(() => {
      setSeconds((prev) => prev - 1);
    }, 1000);

    if (seconds === 0) {
      router.push("/");
    }

    return () => clearInterval(interval);
  }, [seconds]);

  return (
    <div className="min-h-screen flex flex-col justify-center items-center space-y-4">
      <h2 className="text-3xl font-bold">404 - Page Not Found</h2>
      <p>
        Redirecting to <a href="/">Home</a> in {seconds} seconds...
      </p>
    </div>
  );
};