diff --git a/web/src/components/magicui/bento-grid.tsx b/web/src/components/magicui/bento-grid.tsx
index 08b7c81..1168d36 100644
--- a/web/src/components/magicui/bento-grid.tsx
+++ b/web/src/components/magicui/bento-grid.tsx
@@ -1,5 +1,5 @@
 import { ArrowRightIcon } from "@radix-ui/react-icons";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
 
 import { Button } from "~/components/ui/button";
 import { cn } from "~/lib/utils";
diff --git a/web/src/components/magicui/flickering-grid.tsx b/web/src/components/magicui/flickering-grid.tsx
index eed2014..153d474 100644
--- a/web/src/components/magicui/flickering-grid.tsx
+++ b/web/src/components/magicui/flickering-grid.tsx
@@ -162,7 +162,7 @@ export const FlickeringGrid: React.FC<FlickeringGridProps> = ({
 
     const intersectionObserver = new IntersectionObserver(
       ([entry]) => {
-        setIsInView(entry.isIntersecting);
+        setIsInView(entry!.isIntersecting);
       },
       { threshold: 0 },
     );