building without errors

Author: ricksmith130

src/components/accordion-menu/components/Section.tsx

@@ -1,8 +1,8 @@
-import React, { ReactNode, useState, MouseEvent, useEffect } from 'react';
+import React, { useState, MouseEvent, useEffect } from 'react';
 import classNames from 'classnames';
 
 export interface SectionProps extends React.HTMLProps<HTMLDetailsElement> {
-  heading: ReactNode;
+  heading: React.ReactNode;
   defaultOpen?: boolean;
 }
 

src/components/content-presentation/tabs/Tabs.tsx

@@ -1,10 +1,10 @@
 'use client';
 import classNames from 'classnames';
-import React, { FC, HTMLAttributes, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import HeadingLevel, { HeadingLevelType } from '@components/utils/HeadingLevel';
 import TabsJs from '@resources/tabs';
 
-type TabsProps = HTMLAttributes<HTMLDivElement>;
+type TabsProps = React.HTMLAttributes<HTMLDivElement>;
 
 type TabTitleProps = { children: React.ReactNode; headingLevel?: HeadingLevelType };
 
@@ -22,35 +22,35 @@ type TabContentsProps = {
   children: React.ReactNode;
 };
 
-const TabTitle: FC<TabTitleProps> = ({ children, headingLevel = 'h2' }) => (
+const TabTitle: React.FC<TabTitleProps> = ({ children, headingLevel = 'h2' }) => (
   <HeadingLevel className="nhsuk-tabs__title" headingLevel={headingLevel}>
     {children}
   </HeadingLevel>
 );
 
-const TabList: FC<TabListProps> = ({ children }) => (
+const TabList: React.FC<TabListProps> = ({ children }) => (
   <ul className="nhsuk-tabs__list">{children}</ul>
 );
 
-const TabListItem: FC<TabListItemProps> = ({ id, children }) => (
+const TabListItem: React.FC<TabListItemProps> = ({ id, children }) => (
   <li className="nhsuk-tabs__list-item">
     <a className="nhsuk-tabs__tab" href={`#${id}`}>
       {children}
     </a>
   </li>
 );
 
-const TabContents: FC<TabContentsProps> = ({ id, children }) => (
+const TabContents: React.FC<TabContentsProps> = ({ id, children }) => (
   <div className="nhsuk-tabs__panel" id={id}>
     {children}
   </div>
 );
 
-interface Tabs extends FC<TabsProps> {
-  Title: FC<TabTitleProps>;
-  List: FC<TabListProps>;
-  ListItem: FC<TabListItemProps>;
-  Contents: FC<TabContentsProps>;
+interface Tabs extends React.FC<TabsProps> {
+  Title: React.FC<TabTitleProps>;
+  List: React.FC<TabListProps>;
+  ListItem: React.FC<TabListItemProps>;
+  Contents: React.FC<TabContentsProps>;
 }
 
 const Tabs: Tabs = ({ className, children, ...rest }) => {

src/components/header-with-logo/components/LocalNHSLogo.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useContext, SVGProps } from 'react';
+import React, { useContext, SVGProps } from 'react';
 import classNames from 'classnames';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
 import { AsElementLink } from './LocalLinkTypes';
@@ -9,9 +9,9 @@ interface SVGImageWithSrc extends SVGProps<SVGImageElement> {
 
 export type NHSLogoNavProps = AsElementLink<HTMLAnchorElement>;
 
-const SVGImageWithSrc: FC<SVGImageWithSrc> = (props) => <image {...props} />;
+const SVGImageWithSrc: React.FC<SVGImageWithSrc> = (props) => <image {...props} />;
 
-const NHSLogo: FC<NHSLogoNavProps> = ({
+const NHSLogo: React.FC<NHSLogoNavProps> = ({
   className,
   alt = 'NHS Logo',
   asElement: Component = 'a',

src/components/header-with-logo/components/LocalOrganisationalLogo.tsx

@@ -1,12 +1,12 @@
-import React, { FC, useContext } from 'react';
+import React, { useContext } from 'react';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
 import { AsElementLink } from './LocalLinkTypes';
 
 export interface OrganisationalLogoProps extends AsElementLink<HTMLAnchorElement> {
   logoUrl?: string;
 }
 
-const OrganisationalLogo: FC<OrganisationalLogoProps> = ({
+const OrganisationalLogo: React.FC<OrganisationalLogoProps> = ({
   logoUrl,
   alt,
   asElement: Component = 'a',

src/components/timeline/components/Event.tsx

@@ -1,11 +1,11 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 
 export interface EventProps {
-  title: ReactNode;
-  instigator?: ReactNode;
+  title: React.ReactNode;
+  instigator?: React.ReactNode;
   date: string;
-  description?: Array<ReactNode>;
-  action?: ReactNode;
+  description?: Array<React.ReactNode>;
+  action?: React.ReactNode;
 }
 
 const Event: React.FC<EventProps> = ({ title, instigator, date, description = [], action }) => (