diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 6c0e5a6c04a75a2575e3385e23a2960c816c1b37..03e7fe2a3e1bf59118d4433dbbd5e571eb6c43da 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -1,11 +1,12 @@
 import React, { useEffect, useRef } from "react";
 
 export function Home() {
-  {/* debug */}
-  const [ isVisible ] = React.useState();
+  const [isVisible, setVisible] = React.useState(false);
   const domRef = useRef(null)!;
   useEffect(() => {
     const observer = new IntersectionObserver(entries => {
+      entries.forEach(entry => setVisible(entry.isIntersecting));
+      {/* debug */}
       entries.forEach(entry => console.log(entry.isIntersecting));
     });
     observer.observe(domRef.current!);