re-debugging 2

src/components/SocialClassView.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Box, Typography, Paper, Grid, Tooltip, Card, CardContent, Chip, Dialog, DialogTitle, DialogContent, Divider } from '@mui/material';
 import { SocialClass, Character } from '../types/timeline';
 

src/pages/Analysis.tsx

@@ -62,7 +62,7 @@ interface LiteraryDevice {
   effect: string;
 }
 
-interface NovelAnalysis {
+export interface NovelAnalysis {
   title: string;
   publicationYear: number;
   mainThemes: ThematicElement[];
@@ -76,7 +76,7 @@ type NovelKey = keyof typeof novelAnalyses;
 const Analysis = () => {
   const [selectedNovel, setSelectedNovel] = useState<NovelKey>('prideAndPrejudice');
   const navigate = useNavigate();
-  const analysis = novelAnalyses[selectedNovel];
+  const analysis: NovelAnalysis = novelAnalyses[selectedNovel];
 
   if (!analysis) {
     return (

src/pages/NetworkVisualization.tsx

@@ -28,20 +28,12 @@ interface NetworkLink {
   color: string;
 }
 
-// Proper typing for ForceGraph methods
-interface ForceGraphMethods {
-  zoom: (k?: number) => number;
-  zoomToFit: (duration?: number, padding?: number) => void;
+interface ForceGraphInstance {
   d3Force: (forceName: string, force?: d3.Force<d3.SimulationNodeDatum, undefined>) => void;
   d3ReheatSimulation: () => void;
-  getZoom: () => number;
-  emitParticle: (particle: any) => void;
-  pauseAnimation: () => void;
-  resumeAnimation: () => void;
+  zoom: (k?: number) => number;
+  zoomToFit: (duration?: number, padding?: number) => void;
   centerAt: (x?: number, y?: number, duration?: number) => void;
-  width: number;
-  height: number;
-  graphData: () => { nodes: NetworkNode[]; links: NetworkLink[] };
 }
 
 // Add sage theme colors after the interface definitions
@@ -84,7 +76,7 @@ export default function NetworkVisualization() {
   const [selectedRelationships, setSelectedRelationships] = useState<Relationship[]>([]);
   const [selectedBook, setSelectedBook] = useState<string | null>(null);
   const containerRef = useRef<HTMLDivElement>(null);
-  const graphRef = useRef<ForceGraphMethods>();
+  const graphRef = useRef<ForceGraphInstance>();
   const [isLoading, setIsLoading] = useState(true);
   const [isGraphReady, setIsGraphReady] = useState(false);
   const [dimensions, setDimensions] = useState({ width: 800, height: 700 });

tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/commentsection.tsx","./src/components/errorboundary.tsx","./src/components/footer.tsx","./src/components/layout.tsx","./src/components/loadingspinner.tsx","./src/components/navbar.tsx","./src/components/pagination.tsx","./src/components/quotedisplay.tsx","./src/components/routes.tsx","./src/components/socialclassview.tsx","./src/components/theme-provider.tsx","./src/components/layout/mainlayout.tsx","./src/components/timeline/interactivetimeline.tsx","./src/components/ui/accordion.tsx","./src/components/ui/alert-dialog.tsx","./src/components/ui/alert.tsx","./src/components/ui/aspect-ratio.tsx","./src/components/ui/avatar.tsx","./src/components/ui/badge.tsx","./src/components/ui/breadcrumb.tsx","./src/components/ui/button.tsx","./src/components/ui/calendar.tsx","./src/components/ui/card.tsx","./src/components/ui/carousel.tsx","./src/components/ui/checkbox.tsx","./src/components/ui/collapsible.tsx","./src/components/ui/command.tsx","./src/components/ui/context-menu.tsx","./src/components/ui/dialog.tsx","./src/components/ui/drawer.tsx","./src/components/ui/dropdown-menu.tsx","./src/components/ui/form.tsx","./src/components/ui/hover-card.tsx","./src/components/ui/input-otp.tsx","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/menubar.tsx","./src/components/ui/navigation-menu.tsx","./src/components/ui/pagination.tsx","./src/components/ui/popover.tsx","./src/components/ui/progress.tsx","./src/components/ui/radio-group.tsx","./src/components/ui/resizable.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/select.tsx","./src/components/ui/separator.tsx","./src/components/ui/sheet.tsx","./src/components/ui/skeleton.tsx","./src/components/ui/slider.tsx","./src/components/ui/sonner.tsx","./src/components/ui/switch.tsx","./src/components/ui/table.tsx","./src/components/ui/tabs.tsx","./src/components/ui/textarea.tsx","./src/components/ui/toast.tsx","./src/components/ui/toaster.tsx","./src/components/ui/toggle-group.tsx","./src/components/ui/toggle.tsx","./src/components/ui/tooltip.tsx","./src/components/ui/use-toast.ts","./src/components/vendor/vendorcard.tsx","./src/components/vendor/vendormodal.tsx","./src/data/character-network.ts","./src/data/comparative-analysis.ts","./src/data/literary-analysis.ts","./src/data/quiz.ts","./src/data/quotes.ts","./src/data/success-stories.ts","./src/data/vendors.ts","./src/hooks/use-toast.ts","./src/lib/utils.ts","./src/pages/advice.tsx","./src/pages/analysis.tsx","./src/pages/comparativeanalysis.tsx","./src/pages/home.tsx","./src/pages/marketcalculator.tsx","./src/pages/networkvisualization.tsx","./src/pages/quiz.tsx","./src/pages/socialclass.tsx","./src/pages/stories.tsx","./src/pages/successstories.tsx","./src/pages/timeline.tsx","./src/pages/vendors.tsx","./src/types/character-network.ts","./src/types/index.ts","./src/types/timeline.ts","./src/types/vendors.ts"],"version":"5.6.3"}

tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.6.3"}