updated usage of hooks

Author: Mash707

packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilInvertedStatic.tsx

@@ -1,4 +1,5 @@
 import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory';
+import { useEffect, useState } from 'react';
 
 interface UsageData {
   x?: string;
@@ -7,9 +8,9 @@ interface UsageData {
 }
 
 export const ChartUtilInvertedStatic: React.FunctionComponent = () => {
-  const [used, setUsed] = React.useState(100);
+  const [used, setUsed] = useState(100);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const interval = setInterval(() => {
       setUsed((prevUsed) => {
         const val = (prevUsed - 10 + 100) % 100;

packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilSmallStaticRightLegend.tsx

@@ -1,4 +1,5 @@
 import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory';
+import { useEffect, useState } from 'react';
 
 interface UsageData {
   x?: string;
@@ -7,9 +8,9 @@ interface UsageData {
 }
 
 export const ChartUtilSmallStaticRightLegend: React.FunctionComponent = () => {
-  const [used, setUsed] = React.useState(0);
+  const [used, setUsed] = useState(0);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const interval = setInterval(() => {
       setUsed((prevUsed) => {
         const val = (prevUsed + 10) % 100;

packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticCustomLegend.tsx

@@ -1,4 +1,5 @@
 import { ChartDonutThreshold, ChartDonutUtilization, ChartThemeColor } from '@patternfly/react-charts/victory';
+import { useEffect, useState } from 'react';
 
 interface UsageData {
   x?: string;
@@ -7,9 +8,9 @@ interface UsageData {
 }
 
 export const ChartUtilStaticCustomLegend: React.FunctionComponent = () => {
-  const [used, setUsed] = React.useState(0);
+  const [used, setUsed] = useState(0);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const interval = setInterval(() => {
       setUsed((prevUsed) => {
         const val = (prevUsed + 10) % 100;

packages/react-charts/src/victory/components/ChartDonutUtilization/examples/ChartUtilStaticRightLegend.tsx

@@ -1,4 +1,5 @@
 import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory';
+import { useEffect, useState } from 'react';
 
 interface UsageData {
   x?: string;
@@ -7,9 +8,9 @@ interface UsageData {
 }
 
 export const ChartUtilStaticRightLegend: React.FunctionComponent = () => {
-  const [used, setUsed] = React.useState(0);
+  const [used, setUsed] = useState(0);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const interval = setInterval(() => {
       setUsed((prevUsed) => {
         const val = (prevUsed + 10) % 100;