Fix TypeScript compiler issues

Author: colinrotherham

.storybook/manager.ts

@@ -2,9 +2,12 @@ import { addons } from '@storybook/manager-api';
 import nhsTheme from './theme';
 import { startCase, upperFirst } from 'lodash';
 
-const sentenceCase = (string) => {
-  if (typeof string !== 'string') return '';
-  return upperFirst(startCase(string).toLowerCase());
+const sentenceCase = (name = '') => {
+  if (!name || typeof name !== 'string') {
+    return '';
+  }
+
+  return upperFirst(startCase(name).toLowerCase());
 };
 
 addons.setConfig({

src/components/navigation/card/components/CardGroupItem.tsx

@@ -1,7 +1,8 @@
 import classNames from 'classnames';
-import { Col } from '#components/layout';
+import { type FC } from 'react';
+import { Col, type ColProps } from '#components/layout';
 
-export const CardGroupItem: typeof Col = ({ className, ...rest }) => (
+export const CardGroupItem: FC<ColProps> = ({ className, ...rest }) => (
   <Col className={classNames('nhsuk-card-group__item', className)} {...rest} />
 );
 

src/util/types/LinkTypes.ts

@@ -1,8 +1,14 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType } from 'react';
+import {
+  type AnchorHTMLAttributes,
+  type ButtonHTMLAttributes,
+  type ElementType,
+  type PropsWithChildren,
+} from 'react';
 
 export type AsElementLink<T extends HTMLElement> = (T extends HTMLButtonElement
   ? ButtonHTMLAttributes<T>
-  : AnchorHTMLAttributes<T>) & {
-  asElement?: ElementType;
-  to?: string;
-};
+  : AnchorHTMLAttributes<T>) &
+  PropsWithChildren<{
+    asElement?: ElementType;
+    to?: string;
+  }>;

src/util/types/TypeGuards.ts

@@ -12,15 +12,7 @@ import { type CardType, type CareCardType } from './NHSUKTypes';
  * Assert that a child item is of the given component type.
  */
 export const childIsOfComponentType = (
-  child:
-    | string
-    | number
-    | boolean
-    | ReactElement<any, string | JSXElementConstructor<any>>
-    | Iterable<ReactNode>
-    | ReactPortal
-    | null
-    | undefined,
+  child: Exclude<ReactNode, boolean | null | undefined>,
   component: FC,
 ): child is ReactElement<any, string | JSXElementConstructor<any>> | ReactPortal =>
   child !== undefined &&