React Review Audit

**Score: 96/100** · 0 errors · 11 warnings

Copy as prompt

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

## Warnings (11)

1. [warning] design-no-default-tailwind-palette — src/pages/events/index.tsx:12
text-indigo-500 reads as the Tailwind template default — use your project's brand color or zinc/neutral/stone

2. [warning] design-no-three-period-ellipsis — src/pages/events/index.tsx:12
Three-period ellipsis ("...") in JSX text — use the actual ellipsis character "…" (or `…`)

3. [warning] design-no-default-tailwind-palette — src/pages/events/index.tsx:24
bg-indigo-400 reads as the Tailwind template default — use your project's brand color or zinc/neutral/stone

4. [warning] react-compiler-destructure-method — src/pages/events/index.tsx:25
Destructure for clarity: `const { push } = useRouter()` then call `push(...)` directly — easier for React Compiler to memoize and clearer about which methods this component depends on

5. [warning] design-no-bold-heading — src/pages/events/index.tsx:37
font-bold on

crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

6. [warning] design-no-default-tailwind-palette — src/pages/events/index.tsx:38
bg-indigo-400 reads as the Tailwind template default — use your project's brand color or zinc/neutral/stone

7. [warning] rerender-lazy-state-init — src/pages/events/create.tsx:8
useState(toDateString()) calls initializer on every render — use useState(() => toDateString()) for lazy initialization

8. [warning] rerender-lazy-state-init — src/pages/events/create.tsx:9
useState(toDateString()) calls initializer on every render — use useState(() => toDateString()) for lazy initialization

9. [warning] react-compiler-destructure-method — src/pages/events/create.tsx:22
Destructure for clarity: `const { push } = useRouter()` then call `push(...)` directly — easier for React Compiler to memoize and clearer about which methods this component depends on

10. [warning] no-prevent-default — src/pages/events/create.tsx:26
preventDefault() on onSubmit — form won't work without JavaScript. Consider using a server action for progressive enhancement

11. [warning] design-no-default-tailwind-palette — src/pages/events/create.tsx:69
bg-indigo-600 reads as the Tailwind template default — use your project's brand color or zinc/neutral/stone
```

---

### ⚠️ Warnings (11)

**`design-no-default-tailwind-palette`**

text-indigo-500 reads as the Tailwind template default — use your project's brand color or zinc/neutral/stone

> Replace `indigo-*` / `gray-*` / `slate-*` with project tokens, your brand color, or a less-default neutral (`zinc`, `neutral`, `stone`)

[`src/pages/events/index.tsx:12`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L12)
[`src/pages/events/index.tsx:24`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L24)
[`src/pages/events/index.tsx:38`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L38)
[`src/pages/events/create.tsx:69`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/create.tsx#L69)

**`react-compiler-destructure-method`**

Destructure for clarity: `const { push } = useRouter()` then call `push(...)` directly — easier for React Compiler to memoize and clearer about which methods this component depends on

> Destructure the method up front: `const { push } = useRouter()` then call `push(...)` directly — clearer dependency graph and easier for React Compiler to memoize

[`src/pages/events/index.tsx:25`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L25)
[`src/pages/events/create.tsx:22`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/create.tsx#L22)

**`rerender-lazy-state-init`**

useState(toDateString()) calls initializer on every render — use useState(() => toDateString()) for lazy initialization

> Wrap in an arrow function so it only runs once: `useState(() => expensiveComputation())`

[`src/pages/events/create.tsx:8`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/create.tsx#L8)
[`src/pages/events/create.tsx:9`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/create.tsx#L9)

**`design-no-three-period-ellipsis`**

Three-period ellipsis ("...") in JSX text — use the actual ellipsis character "…" (or `…`)

> Use the typographic ellipsis "…" (or `…`) instead of three periods — pairs with action-with-followup labels ("Rename…", "Loading…")

[`src/pages/events/index.tsx:12`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L12)

**`design-no-bold-heading`**

font-bold on <h2> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

> Use `font-semibold` (600) or `font-medium` (500) on headings — 700+ crushes letter counter shapes at display sizes

[`src/pages/events/index.tsx:37`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/index.tsx#L37)

**`no-prevent-default`**

preventDefault() on <form> onSubmit — form won't work without JavaScript. Consider using a server action for progressive enhancement

> Use `<form action={serverAction}>` (works without JS) or `<button>` instead of `<a>` with preventDefault

[`src/pages/events/create.tsx:26`](https://github.com/celeroncoder/gdsc-website-backend-prototype/blob/1d562bfc8590092ca1d83f8027cc79b666a00f91/src/pages/events/create.tsx#L26)

---

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