Fix build error related to jotai upgrade

Author: joelfmrodrigues

src/controls/uploadFiles/components/File/useFileStyles.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { useAtomValue } from 'jotai/utils';
+import { useAtom } from 'jotai';
 import {
   ICheckboxProps,
   ICheckboxStyles,
@@ -22,7 +22,7 @@ import { IStyleFunctionOrObject } from 'office-ui-fabric-react/lib/Utilities';
 import { globalState } from '../../jotai/atoms';
 
 export const useFileStyles = () => {
-  const appGlobalState = useAtomValue(globalState);
+  const [appGlobalState] = useAtom(globalState);
   const { themeVariant } = appGlobalState;
 
 

src/controls/uploadFiles/components/FileCommandBar/useFileCommandBarStyles.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { useAtomValue } from 'jotai/utils';
+import { useAtom } from 'jotai';
 import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
 import {
   ICheckboxProps,
@@ -19,7 +19,7 @@ import { IStyleFunctionOrObject } from 'office-ui-fabric-react/lib/Utilities';
 import { globalState } from '../../jotai/atoms';
 
 export const useFileCommandBarStyles = () => {
-  const appGlobalState = useAtomValue(globalState);
+  const [appGlobalState] = useAtom(globalState);
   const { themeVariant, selectedFiles } = appGlobalState;
 
   const checkBoxStyles: IStyleFunctionOrObject<ICheckboxProps, ICheckboxStyles> = React.useCallback(

src/controls/uploadFiles/components/NoDocuments/useNoDocumentsStyles.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { useAtomValue } from 'jotai/utils';
+import { useAtom } from 'jotai';
 import { IIconStyles } from 'office-ui-fabric-react/lib/Icon';
 import { IStackStyles } from 'office-ui-fabric-react/lib/Stack';
 import {
@@ -12,7 +12,7 @@ import {
 import { globalState } from '../../jotai/atoms';
 
 export const useNoDocumentsStyles = () => {
-  const appGlobalState = useAtomValue(globalState);
+  const [appGlobalState] = useAtom(globalState);
   const { themeVariant  } = appGlobalState;
 
 

src/controls/uploadFiles/components/UploadFiles/useUploadFilesStyles.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
-import { useAtomValue } from 'jotai/utils';
+import { useAtom } from 'jotai';
 import { IStackStyles } from 'office-ui-fabric-react/lib/Stack';
 import { FontWeights } from 'office-ui-fabric-react/lib/Styling';
 import { ITextStyles } from 'office-ui-fabric-react/lib/Text';
 
 import { globalState } from '../../jotai/atoms/globalState';
 
 export const useUploadFilesStyles = () => {
-  const appGlobalState = useAtomValue(globalState);
+  const [appGlobalState] = useAtom(globalState);
   const { themeVariant } = appGlobalState;
 
   const titleStyles: ITextStyles = React.useMemo(() => {