【React】クエリパラメータから文字列を受け取る

import { useEffect, useState } from "react";
const [state, setState] = useState("");
  const router = useRouter();
  useEffect(() => {
    const { param } = router.query; 
    if (param) {
      setState(param);
    }
}, [router.query]);