From 5e4242ba7db6f37203ae684f64fa2d52134c42e9 Mon Sep 17 00:00:00 2001
From: Paul Bailey <psbailey31@gmail.com>
Date: Wed, 3 Dec 2025 01:19:20 +0000
Subject: [PATCH] Remove dynamic import wrapper causing webpack errors

---
 app/list/[id]/page.tsx              |  2 +-
 components/ClientListDetailView.tsx | 18 ------------------
 components/ListDetailView.tsx       |  6 ++----
 3 files changed, 3 insertions(+), 23 deletions(-)
 delete mode 100644 components/ClientListDetailView.tsx

diff --git a/app/list/[id]/page.tsx b/app/list/[id]/page.tsx
index 969d03d..73020cd 100644
--- a/app/list/[id]/page.tsx
+++ b/app/list/[id]/page.tsx
@@ -6,7 +6,7 @@ import { notFound } from 'next/navigation'
 import Link from 'next/link'
 import { ArrowLeft } from 'lucide-react'
 import InlineItemCreate from '@/components/InlineItemCreate'
-import ListDetailView from '@/components/ClientListDetailView'
+import ListDetailView from '@/components/ListDetailView'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
diff --git a/components/ClientListDetailView.tsx b/components/ClientListDetailView.tsx
deleted file mode 100644
index 11a4dce..0000000
--- a/components/ClientListDetailView.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-'use client'
-
-import dynamic from 'next/dynamic'
-
-const ListDetailView = dynamic(() => import('./ListDetailView'), {
-  ssr: false,
-  loading: () => <div className="animate-pulse space-y-4">
-    <div className="h-8 bg-gray-200 rounded w-1/4"></div>
-    <div className="h-10 bg-gray-200 rounded"></div>
-    <div className="space-y-2">
-      <div className="h-16 bg-gray-200 rounded"></div>
-      <div className="h-16 bg-gray-200 rounded"></div>
-      <div className="h-16 bg-gray-200 rounded"></div>
-    </div>
-  </div>
-})
-
-export default ListDetailView
\ No newline at end of file
diff --git a/components/ListDetailView.tsx b/components/ListDetailView.tsx
index 090d25d..0b81d34 100644
--- a/components/ListDetailView.tsx
+++ b/components/ListDetailView.tsx
@@ -66,15 +66,13 @@ export default function ListDetailView({
   ownerEmail = '',
   collaborators = []
 }: ListDetailViewProps) {
-  const [mounted, setMounted] = useState(false)
+
   const [searchResults, setSearchResults] = useState<ItemWithList[]>([])
   const [isSearching, setIsSearching] = useState(false)
   const [filteredItems, setFilteredItems] = useState<Item[]>(initialItems)
   const [isShareModalOpen, setIsShareModalOpen] = useState(false)
 
-  useEffect(() => {
-    setMounted(true)
-  }, [])
+
 
   // Use scroll position preservation hook
   useScrollPosition({ key: `list-${listId}` })