// 404.js

import Image from "next/image";
import { useRouter } from "next/router";
import { useState, useEffect, useRef } from "react";
import axios from "axios";

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

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

export default FourOhFour;