React Review Audit

**Score: 98/100** · 0 errors · 4 warnings

Copy as prompt

```text
Fix the following React Review diagnostics in my codebase.

## Warnings (4)

1. [warning] no-fetch-in-effect — components/library-loader.tsx:6
fetch() inside useEffect — use a data fetching library (react-query, SWR) or server component

2. [warning] nextjs-missing-metadata — app/page.tsx:1
Page without metadata or generateMetadata export — hurts SEO

3. [warning] server-hoist-static-io — app/api/library/route.ts:10
readFile() in GET route handler reads the same static asset every request — hoist to module scope so the read happens once at module load

4. [warning] server-hoist-static-io — app/api/library/route.ts:10
readFile() in GET route handler reads the same static asset every request — hoist to module scope so the read happens once at module load
```

---

### ⚠️ Warnings (4)

**`server-hoist-static-io`**

readFile() in GET route handler reads the same static asset every request — hoist to module scope so the read happens once at module load

> Hoist the read to module scope: `const FONT_DATA = await fetch(new URL('./fonts/Inter.ttf', import.meta.url)).then(r => r.arrayBuffer())` runs once at module load

[`app/api/library/route.ts:10`](https://github.com/aidenybai/website-2025/blob/e21ccae1fd9aa64ab9bff8374501fcf63388b119/app/api/library/route.ts#L10)
[`app/api/library/route.ts:10`](https://github.com/aidenybai/website-2025/blob/e21ccae1fd9aa64ab9bff8374501fcf63388b119/app/api/library/route.ts#L10)

**`no-fetch-in-effect`**

fetch() inside useEffect — use a data fetching library (react-query, SWR) or server component

> Use `useQuery()` from @tanstack/react-query, `useSWR()`, or fetch in a Server Component instead

[`components/library-loader.tsx:6`](https://github.com/aidenybai/website-2025/blob/e21ccae1fd9aa64ab9bff8374501fcf63388b119/components/library-loader.tsx#L6)

**`nextjs-missing-metadata`**

Page without metadata or generateMetadata export — hurts SEO

> Add `export const metadata = { title: '...', description: '...' }` or `export async function generateMetadata()`

[`app/page.tsx:1`](https://github.com/aidenybai/website-2025/blob/e21ccae1fd9aa64ab9bff8374501fcf63388b119/app/page.tsx#L1)

---

_{Last scored May 18, 2026 at 10:18 AM UTC. Maintained by [React Review](https://github.com/millionco/react-review).}