alezmad/whyrating-engine-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Maximum update depth exceeded in NewScrapePage

Browse Source 
Wrap handleJobsChange in useCallback to prevent infinite re-renders
caused by onJobsChange dependency changing on every render.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-01-24 13:14:23 +00:00
parent cd9639f3b1
commit eab0b4a7e9
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/app/new/page.tsx
View File

@@ -1,18 +1,19 @@
'use client'; 'use client';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useCallback } from 'react';
import ScraperTest from '@/components/ScraperTest'; import ScraperTest from '@/components/ScraperTest';
import { useJobs } from '@/contexts/JobsContext'; import { useJobs } from '@/contexts/JobsContext';
import { JobStatus } from '@/components/ScraperTest'; import { JobStatus } from '@/components/ScraperTest';
export default function NewScrapePage() { export default function NewScrapePage() {
const router = useRouter(); const router = useRouter();
const { addJob, refreshJobs } = useJobs(); const { addJob } = useJobs();
const handleJobsChange = (jobs: JobStatus[]) => { const handleJobsChange = useCallback((jobs: JobStatus[]) => {
// Add new jobs to context // Add new jobs to context (addJob handles deduplication)
jobs.forEach(job => addJob(job)); jobs.forEach(job => addJob(job));
}; }, [addJob]);
const handleSelectReviews = (reviews: unknown[], businessName: string, jobId: string) => { const handleSelectReviews = (reviews: unknown[], businessName: string, jobId: string) => {
// Navigate to analytics page for this job // Navigate to analytics page for this job