From d21d94f428bdb2f718140a52dfbee9341a2f2d8a Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 23 Jan 2026 04:34:51 +0000
Subject: [PATCH] Generated by Spark: Search doesnt work

---
 src/App.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 6135608..6ce4528 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { useState, useCallback, useMemo } from 'react'
+import { useState, useCallback, useMemo, useEffect } from 'react'
 import { useKV } from '@github/spark/hooks'
 import { useNotifications } from '@/hooks/use-notifications'
 import { useSampleData } from '@/hooks/use-sample-data'
@@ -1243,6 +1243,10 @@ function TimesheetsView({
   
   const [filteredTimesheets, setFilteredTimesheets] = useState<Timesheet[]>(timesheetsToFilter)
   
+  useEffect(() => {
+    setFilteredTimesheets(timesheetsToFilter)
+  }, [timesheetsToFilter])
+  
   const handleResultsChange = useCallback((results: Timesheet[]) => {
     setFilteredTimesheets(results)
   }, [])
@@ -1734,6 +1738,10 @@ function BillingView({ invoices, searchQuery, setSearchQuery, onSendInvoice, onC
   const [viewingInvoice, setViewingInvoice] = useState<Invoice | null>(null)
   const [filteredInvoices, setFilteredInvoices] = useState<Invoice[]>(invoices)
   
+  useEffect(() => {
+    setFilteredInvoices(invoices)
+  }, [invoices])
+  
   const handleResultsChange = useCallback((results: Invoice[]) => {
     setFilteredInvoices(results)
   }, [])
@@ -2009,6 +2017,10 @@ function ComplianceView({ complianceDocs, onUploadDocument }: ComplianceViewProp
   const [viewingDocument, setViewingDocument] = useState<ComplianceDocument | null>(null)
   const [filteredDocs, setFilteredDocs] = useState<ComplianceDocument[]>(complianceDocs)
   
+  useEffect(() => {
+    setFilteredDocs(complianceDocs)
+  }, [complianceDocs])
+  
   const handleResultsChange = useCallback((results: ComplianceDocument[]) => {
     setFilteredDocs(results)
   }, [])
@@ -2331,6 +2343,10 @@ function ExpensesView({
   
   const [filteredExpenses, setFilteredExpenses] = useState<Expense[]>(expensesToFilter)
   
+  useEffect(() => {
+    setFilteredExpenses(expensesToFilter)
+  }, [expensesToFilter])
+  
   const handleResultsChange = useCallback((results: Expense[]) => {
     setFilteredExpenses(results)
   }, [])