Project in AI Studio - problem with correctly loading data from PDF

Google AI Studio
1

I’m looking for help with properly parsing PDF documents.
My full stack:

  1. Frontend (User Interface)
    React 19: The latest version of the most popular JavaScript library for building interfaces.
    TypeScript: Provides type safety, minimizing code errors and simplifying application development.
    Vite 6: Ultra-fast tool for building and serving applications (replaces the older Create React App).
    Tailwind CSS 4: Modern CSS framework for fast and consistent styling (we use utility classes).
    React Router 7: Managing navigation and paths within the application.

  2. Backend and Database (Cloud)
    Firebase (Google Cloud):
    Firestore: Real-time NoSQL database.
    Firebase Authentication: Secure login and user management system.
    Firebase Hosting: Serving application files. Express.js: A Node.js server (run by tsx) that integrates Vite and can handle additional server-side logic.

  3. Artificial Intelligence (AI)
    Google Gemini API (@google/genai): We use the latest LLM model to analyze PDF documents.

  4. Supporting Libraries
    Lucide React: A set of modern and lightweight icons.
    Recharts: A library for generating interactive charts (e.g., seed structure).
    Motion (Framer Motion): Smooth animations and transitions between views.
    Axios: Support for HTTP requests to external APIs.
    clsx & tailwind-merge: Tools for optimal management of CSS classes.

  5. Development Tools
    ESLint & Prettier: Ensuring code cleanliness and standards. GitHub: Version control system (integrated with the change synchronization app).

    In touch. Darius.