---
title: "Frontend Observability instrumentation setup for React | Grafana Cloud documentation"
description: "A complete guide to instrumenting web applications with the Faro-React Web SDK and sending data to Grafana Cloud Frontend Observability."
---

# Frontend Observability instrumentation setup for React

A complete guide to instrumenting web applications with the Faro-React Web SDK and sending data to Grafana Cloud Frontend Observability:

- [Set up React Router v7 with a data router](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/v7-data-router/)
- [Set up React Router v7 with no data router](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/v7-no-data-router/)
- [Set up React Router v6 with a data router](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/v6-data-router/)
- [Set up React Router v6 with no data router](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/v6-no-data-router/)
- [Upgrade to React Router v6 with a data router](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/upgrade-data-router/)
- [Set up React Router v4 or v5](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/v4-v5/)
- [React ErrorBoundary support](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/error-boundary/)
- [React server side rendering support](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/server-side-rendering/)
- [React component profiling](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/faro-react/component-profiler/)