export default function SearchResults() {
  const [result, setResult] = useState([]);
  const router = useRouter();

  useEffect(() => {
    async function fetcher() {
      const results = await axios.post(`/api/search`, {
        keyword: router.query.word         ----> router.query.word becomes 'undefined'
      });

      setResult(results.data.data);
    }

    if(router && router.query) {
      fetcher();
    }
  }, [router]);