removed React chaining

Author: ricksmith130

src/patterns/nav-a-z/NavAZ.tsx

@@ -1,11 +1,11 @@
-import React, { FC, HTMLProps } from 'react';
+import { FC, HTMLProps, ReactNode } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 
 const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
 
 const processLetters = (
-  children: React.ReactNode,
+  children: ReactNode,
   fullAlphabet: boolean | undefined,
   removedLetters: Array<string> | undefined,
   disabledLetters: Array<string> | undefined,

src/util/types/TypeGuards.ts

@@ -17,8 +17,8 @@ export const childIsOfComponentType = (
     | undefined,
   component: FC,
 ): child is
-  | React.ReactElement<any, string | React.JSXElementConstructor<any>>
-  | React.ReactPortal =>
+  | ReactElement<any, string | JSXElementConstructor<any>>
+  | ReactPortal =>
   child !== undefined &&
   child !== null &&
   typeof child === 'object' &&

stories/Navigation/SkipLink.stories.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { SkipLink, HintText } from '../../src';
 import { Meta, StoryObj } from '@storybook/react-vite';
 
-const CodeText: React.FC<{ children: React.ReactNode }> = ({
+const CodeText: FC<{ children: ReactNode }> = ({
   children,
 }: {
-  children: React.ReactNode;
+  children: ReactNode;
 }) => (
   <span
     style={{