---
title: "React Router"
description: "Blyp skill preset for React Router middleware, request-scoped context logging, and clientLogHandler(request)."
canonical_url: "https://www.blyp.dev/docs/skills/react-router"
markdown_url: "https://www.blyp.dev/docs/skills/react-router.md"
last_updated: "2018-10-20"
x_farming_labs_generated_preamble: true
---

# React Router
URL: /docs/skills/react-router
LLM index: /llms.txt
Description: Blyp skill preset for React Router middleware, request-scoped context logging, and clientLogHandler(request).

import { SkillInstall } from "@/app/components/skill-install";
import { SkillSource } from "@/app/components/skill-source";

# Blyp React Router

Install `blyp-react-router` after `blyp-core` when the project uses React Router. This preset keeps agents on the official middleware-based adapter path, stores request-scoped logging in the router `context`, and mounts `clientLogHandler(request)` on the configured ingestion route.

## When to install it

- the repo uses React Router middleware
- loaders or actions need request-scoped logging through `getLogger(context)`
- browser ingestion is exposed through a React Router route action

## What it covers

- `createLogger()` from `@blyp/core/react-router`
- `middleware`
- `getLogger(context)`
- `clientLogHandler(request)`
- `500` mismatch behavior when the mounted path and configured path diverge

<SkillInstall slug="react-router" />

## Related docs

- [React Router](/docs/integrations/react-router)
- [Client](/docs/integrations/client)

<SkillSource slug="react-router" />

## Sitemap

See the full [sitemap](/sitemap.md) for all pages.
Docs-scoped sitemap: [/docs/sitemap.md](/docs/sitemap.md).
Well-known sitemap: [/.well-known/sitemap.md](/.well-known/sitemap.md).
