Resolved remaining React imports

Author: Eric Olkowski

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

@@ -1,4 +1,4 @@
-import { Fragment, useEffect, useRef, useState, type JSX } from 'react';
+import { Fragment, useEffect, useRef, useState, useContext, type JSX } from 'react';
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Alert/alert';
 import alertGroupStyles from '@patternfly/react-styles/css/components/Alert/alert-group';
@@ -143,8 +143,8 @@ export const Alert: React.FunctionComponent<AlertProps> = ({
   const [isMouseOver, setIsMouseOver] = useState<boolean | undefined>();
   const [containsFocus, setContainsFocus] = useState<boolean | undefined>();
   const shouldDismiss = timedOut && timedOutAnimation && !isMouseOver && !containsFocus;
-  const [isDismissed, setIsDismissed] = React.useState(false);
-  const { hasAnimations, updateTransitionEnd } = React.useContext(AlertGroupContext);
+  const [isDismissed, setIsDismissed] = useState(false);
+  const { hasAnimations, updateTransitionEnd } = useContext(AlertGroupContext);
   const { offstageRight } = alertGroupStyles.modifiers;
 
   const getParentAlertGroupItem = () => divRef.current?.closest(`.${alertGroupStyles.alertGroupItem}`);
@@ -166,7 +166,7 @@ export const Alert: React.FunctionComponent<AlertProps> = ({
     }
   }, [shouldDismiss, isDismissed]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const calculatedTimeout = timeout === true ? 8000 : Number(timeout);
     if (calculatedTimeout > 0) {
       const timer = setTimeout(() => setTimedOut(true), calculatedTimeout);
@@ -198,7 +198,7 @@ export const Alert: React.FunctionComponent<AlertProps> = ({
   useEffect(() => {
     isDismissed && onTimeout();
   }, [isDismissed, onTimeout]);
-  React.useEffect(() => {
+  useEffect(() => {
     const alertGroupItem = getParentAlertGroupItem();
     setTimeout(() => alertGroupItem?.classList.remove(alertGroupStyles.modifiers.offstageTop), 0);
   }, []);

packages/react-core/src/components/Alert/AlertActionCloseButton.tsx

@@ -1,3 +1,4 @@
+import { useRef, useContext } from 'react';
 import { Button, ButtonVariant, ButtonProps } from '../Button';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 import { AlertContext } from './AlertContext';
@@ -26,8 +27,8 @@ export const AlertActionCloseButton: React.FunctionComponent<AlertActionCloseBut
   variantLabel,
   ...props
 }: AlertActionCloseButtonProps) => {
-  const closeButtonRef = React.useRef(null);
-  const { hasAnimations, updateTransitionEnd } = React.useContext(AlertGroupContext);
+  const closeButtonRef = useRef(null);
+  const { hasAnimations, updateTransitionEnd } = useContext(AlertGroupContext);
   const { offstageRight } = alertGroupStyles.modifiers;
 
   const getParentAlertGroupItem = () => closeButtonRef.current?.closest(`.${alertGroupStyles.alertGroupItem}`);