Vercel で window が未定義になる問題を修正する

calmery · Nov 3, 2020 · ff49b46 · ff49b46
1 parent 5bd5809
commit ff49b46
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/pages/augmented-reality.tsx b/src/pages/augmented-reality.tsx
@@ -1,8 +1,14 @@
 import { NextPage } from "next";
-import React from "react";
+import React, { useEffect, useState } from "react";
 
 const AugmentedReality: NextPage = () => {
-  return <div>{window && window.location.search}</div>;
+  const [search, setSearch] = useState("");
+
+  useEffect(() => {
+    setSearch(window.location.search);
+  }, []);
+
+  return <div>{search}</div>;
 };
 
 export default AugmentedReality;