Sinalizando Componentes Interativos com use client

[kevinrf100]

Sinalizando Componentes Interativos com use client

Para lidar com a falta de interatividade, é crucial sinalizar quais componentes realmente precisam de JavaScript do lado do cliente usando a diretiva "use client". Assim iniciando o processo de hidratação código.

'use client'

import { useState } from 'react'

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

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