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

コード

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

これでプロジェクトのurl?param=aaaみたいにすると、文字列'aaa'がstateに入る

参考記事

https://maku.blog/p/r7fou3a/