/Knowledge/sources/honojs__hono/examples/stytch-auth-src-app-tsx--538b191f18e0.md

Example: stytch-auth/src/App.tsx - hono-docs

Example: stytch auth/src/App.tsx Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://raw.githubusercontent.com/honojs/examples/ma...

Example: stytch-auth/src/App.tsx

Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://raw.githubusercontent.com/honojs/examples/main/stytch-auth/src/App.tsx

Summary

import {BrowserRouter as Router, Route, Routes, Navigate} from 'react-router-dom'; import {StytchUIClient} from '@stytch/vanilla-js'; import {StytchProvider} from '@stytch/react'; import {Authenticate, Login, Logout} from "./Auth"; impor...

Content

import {BrowserRouter as Router, Route, Routes, Navigate} from 'react-router-dom'; import {StytchUIClient} from '@stytch/vanilla-js'; import {StytchProvider} from '@stytch/react';

import {Authenticate, Login, Logout} from "./Auth"; import TodoEditor from "./Todos";

const stytch = new StytchUIClient(import.meta.env.VITE_STYTCH_PUBLIC_TOKEN ?? '');

Metadata

{
  "chunk_index": 0,
  "citation": "https://raw.githubusercontent.com/honojs/examples/main/stytch-auth/src/App.tsx",
  "coverage_role": "examples",
  "qualified_title": "Hono / examples / stytch-auth/src/App.tsx (1)",
  "repo_path": "stytch-auth/src/App.tsx",
  "retrieved_at": "2026-07-02T05:51:01Z",
  "section_index": 0,
  "source_id": "/honojs/hono",
  "source_type": "examples",
  "target_label": "examples",
  "title": "Example: stytch-auth/src/App.tsx",
  "upstream_url": "https://raw.githubusercontent.com/honojs/examples/main/stytch-auth/src/App.tsx",
  "version": "2026"
}