added bck react imports

ricksmith130 · ricksmith130 · commit 0dadd5a4d99f · 2025-09-22T11:07:02.000+01:00
diff --git a/src/components/content-presentation/icons/__tests__/Icons.test.tsx b/src/components/content-presentation/icons/__tests__/Icons.test.tsx
@@ -1,4 +1,4 @@
-import { HTMLProps, FC } from 'react';
+import React, { HTMLProps, FC } from 'react';
 import { render } from '@testing-library/react';
 import * as Icons from '../';
 
diff --git a/src/components/content-presentation/icons/individual/ArrowLeft.tsx b/src/components/content-presentation/icons/individual/ArrowLeft.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ArrowLeft: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ArrowRight.tsx b/src/components/content-presentation/icons/individual/ArrowRight.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ArrowRight: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ArrowRightCircle.tsx b/src/components/content-presentation/icons/individual/ArrowRightCircle.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ArrowRightCircle: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ChevronDown.tsx b/src/components/content-presentation/icons/individual/ChevronDown.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ChevronDown: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ChevronLeft.tsx b/src/components/content-presentation/icons/individual/ChevronLeft.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ChevronLeft: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ChevronRight.tsx b/src/components/content-presentation/icons/individual/ChevronRight.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const ChevronRight: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/ChevronRightCircle.tsx b/src/components/content-presentation/icons/individual/ChevronRightCircle.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 
 export const ChevronRightCircle: FC = () => (
   <svg
diff --git a/src/components/content-presentation/icons/individual/Close.tsx b/src/components/content-presentation/icons/individual/Close.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Close: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/Cross.tsx b/src/components/content-presentation/icons/individual/Cross.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Cross: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/Emdash.tsx b/src/components/content-presentation/icons/individual/Emdash.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Emdash: FC<BaseIconSVGProps> = ({ height = 1, width = 19, ...rest }) => (
diff --git a/src/components/content-presentation/icons/individual/Minus.tsx b/src/components/content-presentation/icons/individual/Minus.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Minus: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/Plus.tsx b/src/components/content-presentation/icons/individual/Plus.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Plus: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/Search.tsx b/src/components/content-presentation/icons/individual/Search.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Search: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/icons/individual/SmallEmdash.tsx b/src/components/content-presentation/icons/individual/SmallEmdash.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const SmallEmdash: FC<BaseIconSVGProps> = ({ height = 1, width = 16, ...rest }) => (
diff --git a/src/components/content-presentation/icons/individual/Tick.tsx b/src/components/content-presentation/icons/individual/Tick.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';
 
 export const Tick: FC<BaseIconSVGProps> = (props) => (
diff --git a/src/components/content-presentation/images/Images.tsx b/src/components/content-presentation/images/Images.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 interface ImageProps extends HTMLProps<HTMLImageElement> {
diff --git a/src/components/content-presentation/table/components/TableHead.tsx b/src/components/content-presentation/table/components/TableHead.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 import TableSectionContext, { TableSection } from '../TableSectionContext';
 
diff --git a/src/components/content-presentation/table/components/TableRow.tsx b/src/components/content-presentation/table/components/TableRow.tsx
@@ -1,6 +1,6 @@
 'use client';
 import classNames from 'classnames';
-import { Children, cloneElement, FC, HTMLProps, useContext, useEffect } from 'react';
+import React, { Children, cloneElement, FC, HTMLProps, useContext, useEffect } from 'react';
 import TableContext from '../TableContext';
 import { getHeadingsFromChildren, isTableCell } from '../TableHelpers';
 import TableSectionContext, { TableSection } from '../TableSectionContext';
diff --git a/src/components/content-presentation/warning-callout/WarningCallout.tsx b/src/components/content-presentation/warning-callout/WarningCallout.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 import HeadingLevel, { HeadingLevelType } from '@components/utils/HeadingLevel';
 
diff --git a/src/components/form-elements/checkboxes/Checkboxes.tsx b/src/components/form-elements/checkboxes/Checkboxes.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { HTMLProps, useEffect } from 'react';
+import React, { HTMLProps, useEffect } from 'react';
 import classNames from 'classnames';
 import { FormElementProps } from '@util/types/FormTypes';
 import SingleInputFormGroup from '@components/utils/SingleInputFormGroup';
diff --git a/src/components/form-elements/checkboxes/components/Box.tsx b/src/components/form-elements/checkboxes/components/Box.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import {
+import React, {
   useContext,
   ReactNode,
   useEffect,
diff --git a/src/components/form-elements/checkboxes/components/Divider.tsx b/src/components/form-elements/checkboxes/components/Divider.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 
 type DividerProps = {
   dividerText?: string;
diff --git a/src/components/form-elements/date-input/DateInput.tsx b/src/components/form-elements/date-input/DateInput.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { ChangeEvent, HTMLProps, useEffect, useState } from 'react';
+import React, { ChangeEvent, HTMLProps, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { DayInput, MonthInput, YearInput } from './components/IndividualDateInputs';
 import SingleInputFormGroup from '@components/utils/SingleInputFormGroup';
diff --git a/src/components/form-elements/form/Form.tsx b/src/components/form-elements/form/Form.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import FormContext from './FormContext';
 
 type FormProps = HTMLProps<HTMLFormElement> & {
diff --git a/src/components/form-elements/hint-text/HintText.tsx b/src/components/form-elements/hint-text/HintText.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 export type HintTextProps = HTMLProps<HTMLDivElement>;
diff --git a/src/components/form-elements/select/Select.tsx b/src/components/form-elements/select/Select.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 
 import classNames from 'classnames';
 import { FormElementProps } from '@util/types/FormTypes';
diff --git a/src/components/layout/Row.tsx b/src/components/layout/Row.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 const Row: FC<HTMLProps<HTMLDivElement>> = ({ className, ...rest }) => (
diff --git a/src/components/navigation/card/components/CardContent.tsx b/src/components/navigation/card/components/CardContent.tsx
@@ -1,5 +1,5 @@
 'use client';
-import { FC, HTMLProps, useContext } from 'react';
+import React, { FC, HTMLProps, useContext } from 'react';
 import classNames from 'classnames';
 import CardContext from '../CardContext';
 
diff --git a/src/components/navigation/card/components/CardDescription.tsx b/src/components/navigation/card/components/CardDescription.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 const CardDescription: FC<HTMLProps<HTMLParagraphElement>> = ({ className, ...rest }) => (
diff --git a/src/components/navigation/card/components/CardGroup.tsx b/src/components/navigation/card/components/CardGroup.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 import { Row } from '@components/layout';
 
diff --git a/src/components/navigation/card/components/CardLink.tsx b/src/components/navigation/card/components/CardLink.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 
diff --git a/src/components/navigation/pagination/Pagination.tsx b/src/components/navigation/pagination/Pagination.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 import { ArrowLeft, ArrowRight } from '@components/content-presentation/icons';
 
diff --git a/src/components/typography/BodyText.tsx b/src/components/typography/BodyText.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 const BodyText: FC<HTMLProps<HTMLParagraphElement>> = ({ className, ...rest }) => (
diff --git a/src/components/typography/LedeText.tsx b/src/components/typography/LedeText.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 const LedeText: FC<HTMLProps<HTMLParagraphElement>> = ({ className, ...rest }) => (
diff --git a/src/components/utils/Clearfix.tsx b/src/components/utils/Clearfix.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 
 const Clearfix: FC<HTMLProps<HTMLDivElement>> = (props) => (
   <div className="nhsuk-u-clear" {...props} />
diff --git a/src/components/utils/FormGroup.tsx b/src/components/utils/FormGroup.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps, useMemo, useState } from 'react';
+import React, { FC, HTMLProps, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import FormGroupContext, { IFormGroupContext } from './FormGroupContext';
 
diff --git a/src/components/utils/HeadingLevel.tsx b/src/components/utils/HeadingLevel.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 
 interface HeadingLevelProps extends HTMLProps<HTMLHeadingElement> {
   headingLevel?: HeadingLevelType;
diff --git a/src/components/utils/LabelBlock.tsx b/src/components/utils/LabelBlock.tsx
@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import HintText, { HintTextProps } from '../form-elements/hint-text/HintText';
 import Label, { LabelProps } from '../form-elements/label/Label';
 import ErrorMessage, { ErrorMessageProps } from '../form-elements/error-message/ErrorMessage';
diff --git a/src/components/utils/ReadingWidth.tsx b/src/components/utils/ReadingWidth.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 const ReadingWidth: FC<HTMLProps<HTMLDivElement>> = ({ className, ...rest }) => (
diff --git a/src/patterns/panel/Panel.tsx b/src/patterns/panel/Panel.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 import Card from '@components/navigation/card';
diff --git a/src/patterns/review-date/ReviewDate.tsx b/src/patterns/review-date/ReviewDate.tsx
@@ -1,4 +1,4 @@
-import { FC, HTMLProps } from 'react';
+import React, { FC, HTMLProps } from 'react';
 import classNames from 'classnames';
 
 interface ReviewDateProps extends HTMLProps<HTMLDivElement> {
diff --git a/stories/Form Elements/ErrorMessage.stories.tsx b/stories/Form Elements/ErrorMessage.stories.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { ErrorMessage } from '../../src';
 import { Meta, StoryObj } from '@storybook/react-vite';
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { HTMLProps, FC } from 'react';`
	`1`	`+import React, { HTMLProps, FC } from 'react';`
`2`	`2`	`import { render } from '@testing-library/react';`
`3`	`3`	`import * as Icons from '../';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { FC } from 'react';`
	`1`	`+import React, { FC } from 'react';`
`2`	`2`	`import { BaseIconSVGProps, BaseIconSVG } from '../BaseIcon';`
`3`	`3`
`4`	`4`	`export const ArrowLeft: FC<BaseIconSVGProps> = (props) => (`