fix doc build errors

Author: mfrances17

packages/react-core/src/components/AboutModal/examples/AboutModal.md

@@ -4,6 +4,7 @@ section: components
 cssPrefix: pf-v6-c-about-modal-box
 propComponents: ['AboutModal']
 ---
+import { Fragment, useState } from 'react';
 import brandImg from '../../assets/PF-IconLogo.svg';
 import bgImg from '../../assets/pf-background.svg';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';

packages/react-core/src/components/ActionList/examples/ActionList.md

@@ -5,6 +5,7 @@ cssPrefix: pf-v6-c-action-list
 propComponents: ['ActionList', 'ActionListGroup', 'ActionListItem']
 ---
 
+import { Fragment } from 'react';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';

packages/react-core/src/components/Alert/examples/Alert.md

@@ -7,6 +7,7 @@ ouia: true
 ---
 
 import './alert.css';
+import { Fragment, useState } from 'react';
 import UsersIcon from '@patternfly/react-icons/dist/esm/icons/users-icon';
 import BoxIcon from '@patternfly/react-icons/dist/esm/icons/box-icon';
 import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';

packages/react-core/src/components/Alert/examples/AlertDynamicLiveRegion.tsx

@@ -1,4 +1,4 @@
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
 import { Alert, AlertGroup, AlertVariant, InputGroup } from '@patternfly/react-core';
 import buttonStyles from '@patternfly/react-styles/css/components/Button/button';
 
@@ -9,7 +9,7 @@ interface AlertInfo {
 }
 
 export const DynamicLiveRegionAlert: React.FunctionComponent = () => {
-  const [alerts, setAlerts] = React.useState<AlertInfo[]>([]);
+  const [alerts, setAlerts] = useState<AlertInfo[]>([]);
   const getUniqueId: () => number = () => new Date().getTime();
   const btnClasses = [buttonStyles.button, buttonStyles.modifiers.secondary].join(' ');
 

packages/react-core/src/components/Avatar/examples/Avatar.md

@@ -5,6 +5,7 @@ cssPrefix: pf-v6-c-avatar
 propComponents: ['Avatar']
 ---
 
+import { Fragment } from 'react';
 import avatarImg from '../../assets/avatarImg.svg';
 
 ## Examples

packages/react-core/src/components/Badge/examples/Badge.md

@@ -5,6 +5,7 @@ cssPrefix: pf-v6-c-badge
 propComponents: ['Badge']
 ---
 
+import { Fragment } from 'react';
 import './Badge.css';
 
 ## Examples

packages/react-core/src/components/Button/examples/Button.md

@@ -6,6 +6,7 @@ propComponents: ['Button', 'BadgeCountObject']
 ouia: true
 ---
 
+import { Fragment } from 'react';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import ExternalLinkSquareAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-square-alt-icon';

packages/react-core/src/components/Card/examples/Card.md

@@ -16,6 +16,7 @@ propComponents:
 ouia: true
 ---
 
+import { Fragment } from 'react';
 import pfLogo from '../../assets/PF-HorizontalLogo-Color.svg';
 import pfLogoSmall from '../../assets/PF-IconLogo.svg';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';

packages/react-core/src/components/Checkbox/examples/Checkbox.md

@@ -6,6 +6,8 @@ cssPrefix: pf-v6-c-check
 propComponents: ['Checkbox']
 ---
 
+import { Fragment } from 'react';
+
 ## Examples
 
 ### Controlled

packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md

@@ -6,7 +6,7 @@ propComponents: ['ClipboardCopy', 'ClipboardCopyButton']
 ouia: true
 ---
 
-import { useEffect } from 'react';
+import { Fragment, useEffect } from 'react';
 import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';
 
 ## Examples