// 404.js

import Image from "next/image";
import { useRouter } from "next/router";

const FourOhFour = (props) => {
  const router = useRouter();

  let numbSleeps = router.query.n;
  return (
    <div>
      <Image
        src={"/api/sleeps/" + numbSleeps}
        width="940"
        height="788"
        alt="sleeps"
      />
    </div>
  );
};

export default FourOhFour;