diff --git a/apps/www/src/app/contact/page.tsx b/apps/www/src/app/contact/page.tsx
index 140793f9..b35f2494 100644
--- a/apps/www/src/app/contact/page.tsx
+++ b/apps/www/src/app/contact/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button } from "@katanemo/ui";
 import Link from "next/link";
 import { ArrowRight, MessageSquare, Building2, MessagesSquare } from "lucide-react";
diff --git a/apps/www/src/app/docs/page.tsx b/apps/www/src/app/docs/page.tsx
index 8384b9e6..eeaea4c3 100644
--- a/apps/www/src/app/docs/page.tsx
+++ b/apps/www/src/app/docs/page.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 export default function DocsPage() {
   return (
     <section className="px-4 sm:px-6 lg:px-8 py-12 sm:py-16 lg:py-24">
diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index d18957f7..c1933404 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import { Hero } from "@/components/Hero";
 import { IntroSection } from "@/components/IntroSection";
 import { IdeaToAgentSection } from "@/components/IdeaToAgentSection";
diff --git a/apps/www/src/app/research/page.tsx b/apps/www/src/app/research/page.tsx
index 7e87afcc..6fd8dbef 100644
--- a/apps/www/src/app/research/page.tsx
+++ b/apps/www/src/app/research/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import {
   ResearchHero,
   ResearchGrid,
diff --git a/apps/www/tsconfig.json b/apps/www/tsconfig.json
index 93e52313..7e8be6bf 100644
--- a/apps/www/tsconfig.json
+++ b/apps/www/tsconfig.json
@@ -2,6 +2,7 @@
   "extends": "@katanemo/tsconfig/nextjs.json",
   "compilerOptions": {
     "jsx": "react-jsx",
+    "esModuleInterop": true,
     "paths": {
       "@/*": ["./src/*"],
       "@katanemo/ui": ["../../packages/ui/src"]