updated usage of hooks

Author: Mash707

packages/react-charts/src/victory/components/ChartLine/examples/ChartLine.md

@@ -11,7 +11,7 @@ propComponents: [
 hideDarkMode: true
 ---
 
-import { createRef } from 'react';
+import { useRef, useState } from 'react';
 import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor, ChartLegendTooltip, ChartVoronoiContainer, createContainer } from '@patternfly/react-charts/victory';
 import { getResizeObserver } from '@patternfly/react-core';
 import { VictoryZoomContainer } from 'victory-zoom-container';

packages/react-charts/src/victory/components/ChartLine/examples/ChartLineMultiColor.tsx

@@ -1,5 +1,6 @@
 import { Chart, ChartAxis, ChartGroup, ChartLine, ChartThemeColor } from '@patternfly/react-charts/victory';
 import { getResizeObserver } from '@patternfly/react-core';
+import { useRef, useState } from 'react';
 import { VictoryZoomContainer } from 'victory-zoom-container';
 
 interface PetData {
@@ -10,8 +11,8 @@ interface PetData {
 }
 
 export const ChartLineMultiColor: React.FunctionComponent = () => {
-  const containerRef = React.useRef<HTMLDivElement>(null);
-  const [width, setWidth] = React.useState(0);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const [width, setWidth] = useState(0);
 
   const handleResize = () => {
     if (containerRef.current && containerRef.current.clientWidth) {