---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: validReactDirectives.tsx
---
# Input
```tsx
'use client'

import { useState } from "react"

export default function Counter() {
  const [count, setCount] = useState(0)

  return (
    <div>
      <p>You clicked {count} times</p>
      <button type="button" onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  )
}

```