Document dependency installation requirement for react-helmet-async

[Copilot]

The Vite dev server fails with Failed to resolve import "react-helmet-async" when node_modules doesn't exist. While react-helmet-async is correctly declared in package.json, the error message doesn't make this obvious to new contributors.

Issue

• Repository requires pnpm install before first run
• Error message suggests missing package rather than missing installation step
• No setup instructions in immediate view

Changes

No code changes required. Issue resolves with:

npm install -g pnpm  # If pnpm not available
pnpm install
pnpm run dev

The package is already correctly configured in package.json at version ^2.0.5 and imported properly in src/main.jsx.

Consider adding a setup section to README if first-time contributor friction is a concern.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Error importing react-helmet-async into Vite</issue_title>
<issue_description>## Description
When launching the project locally with Vite, the following error appears:

[plugin:vite:import-analysis] Failed to resolve import "react-helmet-async" from "src/main.jsx". Does the file exist?
/home/jules-mukadi/2MJ/Projets git/WEB/Open-src/BuyMeACoffee-Africa/src/main.jsx:3:31
2  |  import React from "react";
3  |  import ReactDOM from "react-dom/client";
4  |  import { HelmetProvider } from "react-helmet-async";
   |                                  ^
5  |  import App from "./App";
6  |  import { AuthProvider } from "./context/AuthContext";

The problem lies in the src/main.jsx file, on line 4:

import { HelmetProvider } from "react-helmet-async";

This indicates that the react-helmet-async module is either not installed or incorrectly referenced in the project.

Steps to reproduce:

Clone the project

Install the dependencies with pnpm install

Run the project with pnpm run dev

Expected result:

The project should run without errors, and HelmetProvider should be recognized correctly.

Suggested solution:

Verify that react-helmet-async is listed in package.json.

Install the module if necessary:

pnpm install react-helmet-async</issue_description>

Comments on the Issue (you are @copilot in this section)

Custom agent used: CodeBuddy
Specialized assistant in front-end web development (HTML/CSS/JS/React), project productivity, and automatic creation of GitHub issues in Markdown.

• Fixes Error importing react-helmet-async into Vite #69

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
buymeacoffeeafrica	Ready	Preview	Comment	Nov 7, 2025 10:42pm

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch copilot/fix-react-helmet-async-import

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Copilot wasn't able to review any files in this pull request.