Restore 'use client' for Next.js

colinrotherham · colinrotherham · commit c0bcb8b0a994 · 2025-10-07T11:05:18.000+01:00
diff --git a/src/components/content-presentation/do-and-dont-list/DoAndDontList.tsx b/src/components/content-presentation/do-and-dont-list/DoAndDontList.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   createContext,
diff --git a/src/components/content-presentation/table/Table.tsx b/src/components/content-presentation/table/Table.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   forwardRef,
diff --git a/src/components/content-presentation/table/TableContext.ts b/src/components/content-presentation/table/TableContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext, type ReactNode } from 'react';
 
 export interface ITableContext {
diff --git a/src/components/content-presentation/table/TableSectionContext.ts b/src/components/content-presentation/table/TableSectionContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext } from 'react';
 
 export enum TableSection {
diff --git a/src/components/content-presentation/table/components/TableCell.tsx b/src/components/content-presentation/table/components/TableCell.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { useContext, type ComponentPropsWithoutRef, type FC } from 'react';
 import { TableContext, type ITableContext } from '../TableContext.js';
diff --git a/src/components/content-presentation/table/components/TableHead.tsx b/src/components/content-presentation/table/components/TableHead.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { useContext, type ComponentPropsWithoutRef, type FC } from 'react';
 import { TableContext, type ITableContext } from '../TableContext.js';
diff --git a/src/components/content-presentation/table/components/TableRow.tsx b/src/components/content-presentation/table/components/TableRow.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   Children,
diff --git a/src/components/content-presentation/tabs/Tabs.tsx b/src/components/content-presentation/tabs/Tabs.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type Tabs as TabsModule } from 'nhsuk-frontend';
 import {
diff --git a/src/components/form-elements/button/Button.tsx b/src/components/form-elements/button/Button.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type Button as ButtonModule } from 'nhsuk-frontend';
 import {
diff --git a/src/components/form-elements/character-count/CharacterCount.tsx b/src/components/form-elements/character-count/CharacterCount.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type CharacterCount as CharacterCountModule } from 'nhsuk-frontend';
 import { createRef, forwardRef, useEffect, useState, type ComponentPropsWithoutRef } from 'react';
diff --git a/src/components/form-elements/checkboxes/Checkboxes.tsx b/src/components/form-elements/checkboxes/Checkboxes.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type Checkboxes as CheckboxesModule } from 'nhsuk-frontend';
 import { createRef, forwardRef, useEffect, useState, type ComponentPropsWithoutRef } from 'react';
diff --git a/src/components/form-elements/checkboxes/CheckboxesContext.ts b/src/components/form-elements/checkboxes/CheckboxesContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext } from 'react';
 
 export interface ICheckboxesContext {
diff --git a/src/components/form-elements/checkboxes/components/Item.tsx b/src/components/form-elements/checkboxes/components/Item.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   forwardRef,
diff --git a/src/components/form-elements/date-input/DateInput.tsx b/src/components/form-elements/date-input/DateInput.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   createRef,
diff --git a/src/components/form-elements/date-input/DateInputContext.ts b/src/components/form-elements/date-input/DateInputContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext, type ChangeEvent } from 'react';
 
 export type IDateInputContext = {
diff --git a/src/components/form-elements/date-input/components/IndividualDateInputs.tsx b/src/components/form-elements/date-input/components/IndividualDateInputs.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { forwardRef, useContext, type ChangeEvent, type ComponentPropsWithoutRef } from 'react';
 import { DateInputContext, type IDateInputContext } from '../DateInputContext.js';
diff --git a/src/components/form-elements/error-summary/ErrorSummary.tsx b/src/components/form-elements/error-summary/ErrorSummary.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type ErrorSummary as ErrorSummaryModule } from 'nhsuk-frontend';
 import {
diff --git a/src/components/form-elements/form/FormContext.ts b/src/components/form-elements/form/FormContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext, useContext } from 'react';
 
 export interface IFormContext {
diff --git a/src/components/form-elements/radios/Radios.tsx b/src/components/form-elements/radios/Radios.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type Radios as RadiosModule } from 'nhsuk-frontend';
 import { createRef, forwardRef, useEffect, useState, type ComponentPropsWithoutRef } from 'react';
diff --git a/src/components/form-elements/radios/RadiosContext.ts b/src/components/form-elements/radios/RadiosContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext } from 'react';
 
 export type IRadiosContext = {
diff --git a/src/components/form-elements/radios/components/Item.tsx b/src/components/form-elements/radios/components/Item.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   forwardRef,
diff --git a/src/components/navigation/card/CardContext.ts b/src/components/navigation/card/CardContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext } from 'react';
 import { type CardType } from '#util/types/index.js';
 
diff --git a/src/components/navigation/card/components/CardContent.tsx b/src/components/navigation/card/components/CardContent.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { forwardRef, useContext, type ComponentPropsWithoutRef } from 'react';
 import { CardContext } from '../CardContext.js';
diff --git a/src/components/navigation/card/components/CardHeading.tsx b/src/components/navigation/card/components/CardHeading.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { forwardRef, useContext } from 'react';
 import { CardContext } from '../CardContext.js';
diff --git a/src/components/navigation/header/Header.tsx b/src/components/navigation/header/Header.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type Header as HeaderModule } from 'nhsuk-frontend';
 import {
diff --git a/src/components/navigation/header/HeaderContext.ts b/src/components/navigation/header/HeaderContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext, type Dispatch, type SetStateAction } from 'react';
 
 export interface IHeaderContext {
diff --git a/src/components/navigation/header/components/Logo.tsx b/src/components/navigation/header/components/Logo.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useContext, useEffect, type FC } from 'react';
 import { HeaderContext, type IHeaderContext } from '../HeaderContext.js';
 
diff --git a/src/components/navigation/header/components/Navigation.tsx b/src/components/navigation/header/components/Navigation.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { useContext, useEffect, type ComponentPropsWithoutRef, type FC } from 'react';
 import { HeaderContext, type IHeaderContext } from '../HeaderContext.js';
diff --git a/src/components/navigation/header/components/ServiceName.tsx b/src/components/navigation/header/components/ServiceName.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useContext, type ComponentPropsWithoutRef, type FC } from 'react';
 import { HeaderContext, type IHeaderContext } from '../HeaderContext.js';
 
diff --git a/src/components/navigation/skip-link/SkipLink.tsx b/src/components/navigation/skip-link/SkipLink.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import { type SkipLink as SkipLinkModule } from 'nhsuk-frontend';
 import { createRef, forwardRef, useEffect, useState, type ComponentPropsWithoutRef } from 'react';
diff --git a/src/components/utils/FormGroup.tsx b/src/components/utils/FormGroup.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import classNames from 'classnames';
 import {
   useContext,
diff --git a/src/components/utils/FormGroupContext.ts b/src/components/utils/FormGroupContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { createContext } from 'react';
 
 export type IFormGroupContext = {

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+'use client';`
	`2`	`+`
`1`	`3`	`import classNames from 'classnames';`
`2`	`4`	`import {`
`3`	`5`	`createContext,`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+'use client';`
	`2`	`+`
`1`	`3`	`import { createContext, type ReactNode } from 'react';`
`2`	`4`
`3`	`5`	`export interface ITableContext {`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+'use client';`
	`2`	`+`
`1`	`3`	`import { createContext } from 'react';`
`2`	`4`
`3`	`5`	`export enum TableSection {`