Code QuizBeginner

Placement of 'use client'

The 'use client' directive must be the first line of the file, before imports.

Codejavascript

// File: app/counter/page.js
import { useState } from 'react';

'use client';

export default function Counter() {
  const [n, setN] = useState(0);
  return <button onClick={() => setN(n + 1)}>{n}</button>;
}

What is wrong with this Client Component?

← PreviousNested Layout Must Render Children Next →Importing the Link Component