[WIFI-11223] Latest axios TS fixes

Signed-off-by: Charles <charles.bourque96@gmail.com>

src/components/Buttons/DeviceActionDropdown/RebootButton.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { MenuItem, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { useControllerStore } from 'contexts/ControllerSocketProvider/useStore';
 import { useRebootDevice } from 'hooks/Network/Devices';
 import { useMutationResult } from 'hooks/useMutationResult';
+import { AxiosError } from 'models/Axios';
 import { GatewayDevice } from 'models/Device';
 
 type Props = {

src/components/Buttons/DeviceActionDropdown/index.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { IconButton, Menu, MenuButton, MenuItem, MenuList, Spinner, Tooltip } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { Wrench } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import RebootMenuItem from './RebootButton';
 import { useBlinkDevice, useGetDeviceRtty } from 'hooks/Network/Devices';
 import { useMutationResult } from 'hooks/useMutationResult';
+import { AxiosError } from 'models/Axios';
 import { GatewayDevice } from 'models/Device';
 
 interface Props {
@@ -36,7 +36,7 @@ const DeviceActionDropdown = ({
   size,
 }: Props) => {
   const { t } = useTranslation();
-  const { refetch: getRtty, isLoading: isRtty } = useGetDeviceRtty({
+  const { refetch: getRtty, isInitialLoading: isRtty } = useGetDeviceRtty({
     serialNumber: device.serialNumber,
     extraId: 'inventory-modal',
   });

src/hooks/Network/Account.ts

@@ -1,11 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { User } from '../../models/User';
 import { axiosSec } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 import { Note } from 'models/Note';
 import { Preference } from 'models/Preference';
 

src/hooks/Network/Blacklist.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 import { PageInfo } from 'models/Table';
 
 const getBlacklistCount = () =>

src/hooks/Network/Commands.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export type DeviceCommandHistory = {
   UUID: string;

src/hooks/Network/DefaultConfigurations.ts

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
 import { useEndpointStatus } from 'hooks/useEndpointStatus';
+import { AxiosError } from 'models/Axios';
 import { DeviceConfiguration } from 'models/Device';
 
 export type DefaultConfigurationResponse = {

src/hooks/Network/DeviceLogs.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export type DeviceLog = {
   UUID: string;

src/hooks/Network/Devices.ts

@@ -1,11 +1,11 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { axiosGw } from 'constants/axiosInstances';
 import { useAuth } from 'contexts/AuthProvider';
 import { useEndpointStatus } from 'hooks/useEndpointStatus';
+import { AxiosError } from 'models/Axios';
 import { DeviceRttyApiResponse, GatewayDevice, WifiScanCommand, WifiScanResult } from 'models/Device';
 import { Note } from 'models/Note';
 import { PageInfo } from 'models/Table';

src/hooks/Network/Endpoints.ts

@@ -1,8 +1,8 @@
 import { useToast } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { axiosGw, axiosProv, axiosSec } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export type EndpointApiResponse = {
   authenticationType: string;

src/hooks/Network/Firmware.ts

@@ -1,9 +1,9 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
 import { axiosFms, axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 import { Firmware } from 'models/Firmware';
 import { Note } from 'models/Note';
 

src/hooks/Network/GoogleAuthenticator.ts

@@ -1,9 +1,9 @@
 import { Buffer } from 'buffer';
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { axiosSec } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export const useGetGoogleAuthenticatorQrCode = () => {
   const { t } = useTranslation();

src/hooks/Network/HealthChecks.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export type HealthCheck = {
   UUID: string;

src/hooks/Network/Inventory.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/prefer-default-export */
 import { useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosProv } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 import { Note } from 'models/Note';
 
 export type InventoryTag = {

src/hooks/Network/Login.ts

@@ -1,8 +1,8 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { axiosSec } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 export interface ChangePasswordRequest {
   userId: string;

src/hooks/Network/Statistics.ts

@@ -1,7 +1,7 @@
 /* eslint-disable import/prefer-default-export */
 import { useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { axiosGw } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 
 type DeviceInterfaceStatistics = {
   clients: {

src/hooks/Network/System.ts

@@ -1,8 +1,8 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import * as axios from 'axios';
 import { useTranslation } from 'react-i18next';
+import { AxiosError } from 'models/Axios';
 
 type System = {
   UI?: string;

src/hooks/Network/Users.ts

@@ -1,8 +1,8 @@
 import { useToast } from '@chakra-ui/react';
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { axiosSec } from 'constants/axiosInstances';
+import { AxiosError } from 'models/Axios';
 import { User } from 'models/User';
 
 const getAvatarPromises = (userList: User[]) => {

src/hooks/useMutationResult.ts

@@ -1,9 +1,9 @@
 import { useCallback, useMemo } from 'react';
 import { useToast } from '@chakra-ui/react';
 import { useQueryClient } from '@tanstack/react-query';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
+import { AxiosError } from 'models/Axios';
 
 export type UseMutationResultProps = {
   objName: string;

src/models/Axios.ts

@@ -0,0 +1,3 @@
+import { AxiosError as Err } from 'axios';
+
+export type AxiosError = Err<{ ErrorDescription: string; ErrorCode: number }>;

src/pages/DefaultConfigurations/List/Actions.tsx

@@ -17,10 +17,10 @@ import {
   useDisclosure,
   useToast,
 } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { MagnifyingGlass, Trash } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import { DefaultConfigurationResponse, useDeleteDefaultConfig } from 'hooks/Network/DefaultConfigurations';
+import { AxiosError } from 'models/Axios';
 
 type Props = {
   config: DefaultConfigurationResponse;

src/pages/DefaultConfigurations/List/CreateModal.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Box, SimpleGrid, useBoolean, useDisclosure, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { Formik, FormikProps } from 'formik';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
@@ -16,6 +15,7 @@ import { DefaultConfigurationResponse, useCreateDefaultConfig } from 'hooks/Netw
 import { useGetDeviceTypes } from 'hooks/Network/Firmware';
 import { useFormModal } from 'hooks/useFormModal';
 import { useFormRef } from 'hooks/useFormRef';
+import { AxiosError } from 'models/Axios';
 
 const CreateDefaultConfigurationModal = () => {
   const { t } = useTranslation();

src/pages/DefaultConfigurations/List/EditModal.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Box, SimpleGrid, useBoolean, UseDisclosureReturn, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { Formik, FormikProps } from 'formik';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
@@ -15,6 +14,7 @@ import { DefaultConfigurationResponse, useUpdateDefaultConfig } from 'hooks/Netw
 import { useGetDeviceTypes } from 'hooks/Network/Firmware';
 import { useFormModal } from 'hooks/useFormModal';
 import { useFormRef } from 'hooks/useFormRef';
+import { AxiosError } from 'models/Axios';
 
 type Props = {
   modalProps: UseDisclosureReturn;

src/pages/Device/LogsCard/CommandHistory/useCommandHistoryTable.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { Badge, Box, HStack, IconButton, Tooltip, useDisclosure, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { MagnifyingGlass, Trash } from 'phosphor-react';
 import { useTranslation } from 'react-i18next';
 import FormattedDate from 'components/InformationDisplays/FormattedDate';
 import { uppercaseFirstLetter } from 'helpers/stringHelper';
 import { DeviceCommandHistory, useDeleteCommand, useGetCommandHistory } from 'hooks/Network/Commands';
+import { AxiosError } from 'models/Axios';
 import { Column } from 'models/Table';
 
 type Props = {

src/pages/Device/LogsCard/HealthCheckHistory/DeleteModal.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Alert, AlertIcon, Box, Button, Center, useDisclosure, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import ReactDatePicker from 'react-datepicker';
 import { useTranslation } from 'react-i18next';
 import { DeleteButton } from 'components/Buttons/DeleteButton';
 import { Modal } from 'components/Modals/Modal';
 import 'react-datepicker/dist/react-datepicker.css';
 import { useDeleteHealthChecks } from 'hooks/Network/HealthChecks';
+import { AxiosError } from 'models/Axios';
 
 const CustomInputButton = React.forwardRef(
   ({ value, onClick }: { value: string; onClick: () => void }, ref: React.LegacyRef<HTMLButtonElement>) => (

src/pages/Device/LogsCard/LogHistory/DeleteModal.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { Alert, AlertIcon, Box, Button, Center, useDisclosure, useToast } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import ReactDatePicker from 'react-datepicker';
 import { useTranslation } from 'react-i18next';
 import 'react-datepicker/dist/react-datepicker.css';
 import { DeleteButton } from 'components/Buttons/DeleteButton';
 import { Modal } from 'components/Modals/Modal';
 import { useDeleteLogs } from 'hooks/Network/DeviceLogs';
+import { AxiosError } from 'models/Axios';
 
 const CustomInputButton = React.forwardRef(
   ({ value, onClick }: { value: string; onClick: () => void }, ref: React.LegacyRef<HTMLButtonElement>) => (

src/pages/LoginPage/LoginForm.tsx

@@ -15,7 +15,6 @@ import {
   Link,
   SimpleGrid,
 } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { Formik, Field, Form } from 'formik';
 import { useTranslation } from 'react-i18next';
 import * as Yup from 'yup';
@@ -23,6 +22,7 @@ import { StringField } from 'components/Form/Fields/StringField';
 import { useAuth } from 'contexts/AuthProvider';
 import { useLogin } from 'hooks/Network/Login';
 import { useApiRequirements } from 'hooks/useApiRequirements';
+import { AxiosError } from 'models/Axios';
 import { FormFieldProps } from 'models/FormField';
 import { LoginFormProps } from 'models/Login';
 

src/pages/LoginPage/MfaForm.tsx

@@ -15,10 +15,10 @@ import {
   PinInput,
   PinInputField,
 } from '@chakra-ui/react';
-import { AxiosError } from 'axios';
 import { useTranslation } from 'react-i18next';
 import { useAuth } from 'contexts/AuthProvider';
 import { useSendPhoneCode, useSendVerifyCode } from 'hooks/Network/Login';
+import { AxiosError } from 'models/Axios';
 import { LoginFormProps } from 'models/Login';
 
 export interface MfaFormProps {

vite.config.ts

@@ -49,7 +49,7 @@ export default defineConfig({
     chunkSizeWarningLimit: 1000,
   },
   server: {
-    port: 3001,
+    port: 3000,
     open: true,
   },
   esbuild: {