Resolved React imports

Author: Eric Olkowski

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import { createContext } from 'react';
 
 interface AlertGroupContext {
   hasAnimations?: boolean;
   updateTransitionEnd?: (onTransitionEnd: () => void) => void;
 }
 
-export const AlertGroupContext = React.createContext<AlertGroupContext>({
+export const AlertGroupContext = createContext<AlertGroupContext>({
   hasAnimations: false,
   updateTransitionEnd: () => {}
 });

packages/react-integration/demo-app-ts/src/components/demos/AlertGroupDemo/AlertGroupAnimationsDemo.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import { useState, Fragment } from 'react';
 import { Alert, AlertProps, AlertGroup, AlertActionCloseButton, Button, Flex, FlexItem } from '@patternfly/react-core';
 
 export const AlertGroupAnimationsDemo: React.FunctionComponent = () => {
-  const [alerts, setAlerts] = React.useState<Partial<AlertProps>[]>([]);
+  const [alerts, setAlerts] = useState<Partial<AlertProps>[]>([]);
 
   const getUniqueId = () => new Date().getTime();
   const addAlert = () => {
@@ -13,15 +13,15 @@ export const AlertGroupAnimationsDemo: React.FunctionComponent = () => {
   };
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Flex>
         <FlexItem>
           <Button id="add-alert-button" onClick={addAlert} variant="secondary">
             Add alert
           </Button>
         </FlexItem>
       </Flex>
-      <AlertGroup hasAnimations isToast isLiveRegion>
+      <AlertGroup isToast isLiveRegion>
         {alerts.map(({ key, title }) => (
           <Alert
             id="animated-alert"
@@ -38,6 +38,6 @@ export const AlertGroupAnimationsDemo: React.FunctionComponent = () => {
           />
         ))}
       </AlertGroup>
-    </React.Fragment>
+    </Fragment>
   );
 };