Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[BUG]: Clicking "Debate" in the breadcrumb on the bot debate page opens the 404 page

Open Beginner friendly
  • Is something wrong?
#768 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
1-3 hours
Newbie friendliness
90/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript
Domain
frontend, web-dev

Research direction

Inspect frontend/src/components/Header.tsx, where breadcrumb URLs are assembled, and compare the debate segment handling with the existing tournament special case. Update the segment so clicking "Debate" routes to /startDebate, then run the frontend tests and verify the bot debate breadcrumb no longer reaches the catch-all 404 route in frontend/src/App.tsx.

Written by the indexing model from the issue text.

Description

bug
Bug Description

When a user starts a Practice with Bot debate from the Start Debate page, the app navigates to /debate/<debateId>. The header breadcrumb then shows:

Home > Debate > <debateId>

The middle "Debate" item is rendered as a clickable link to /debate. However, there is no /debate route in the application - only /debate/:roomId exists. Clicking it falls through to the catch-all route and shows the 404 Page Not Found screen, which also takes the user out of the active debate.

Root cause

frontend/src/components/Header.tsx (lines 132–135) builds a link for every URL segment. Only the tournament segment is special-cased:

let to = `/${pathnames.slice(0, index + 1).join("/")}`;
if (value === "tournament"){
  to = "/tournaments";
}
frontend/src/App.tsx only defines debate/:roomId (line 114). Since /debate on its own matches no route, it goes to <Route path="*" element={<NotFound />} /> (line 124).
Steps to Reproduce

Sign in to the application.
Go to Start Debate.
Click Practice with Bot, choose a bot and topic, and start the debate.
The URL becomes /debate/ and the breadcrumb shows Home > Debate > .
Click Debate in the breadcrumb.

Logs and Screenshots

https://github.com/user-attachments/assets/5e3f4faa-3c2c-40b7-a8a3-2d8dcf56247b

Actual Behavior
The "Debate" breadcrumb item is clickable and links to /debate.
Clicking it opens the 404 Page Not Found screen.
The user is taken out of the ongoing debate.

Expected Behavior
The "Debate" breadcrumb item should not lead to a 404 page.
It should link to the Start Debate page (/startDebate), where the user started the debate. This matches how the tournament segment is already redirected to /tournaments.

Environment Details

No response

Impact

High - Major feature is broken

Code of Conduct
  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates
Dominant language
TypeScript
Stars
104
Forks
244
Avg merge
1d 22h
Merged PRs (30d)
42

Getting set up

  • Ships a Dockerfile or Docker Compose file
  • No pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from AOSSIE-Org/DebateAI

All issues in AOSSIE-Org/DebateAI

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.