Composants client

Dès qu'on utilise :

• useState
• useEffect
• interaction utilisateur

Il faut un composant client et déclarer :

"use client"

"use client"

import { useState } from "react"

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

  return (
    <div>
      <p>{count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  )
}

const [value, setValue] = useState("")

useEffect(() => {
  console.log("monté")
}, [])

"use client"

import { useRouter } from "next/navigation"

const router = useRouter()

router.push("/events")

import { useParams } from "next/navigation"

const params = useParams()
console.log(params.id)