From ae02062db9169674b7edb1ec42a5a5d532b828bc Mon Sep 17 00:00:00 2001
From: Noah Spannbauer <noahspannbauer@icloud.com>
Date: Thu, 6 Jun 2024 11:58:26 -0500
Subject: [PATCH] updating env variables

---
 app/src/App.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/src/App.tsx b/app/src/App.tsx
index c673837..2a6971f 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -2,17 +2,19 @@ import { useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import Pilots from './components/pilots/Pilots';
 import { useAppContext } from './hooks/appContext/UseAppContext';
-import axios, { AxiosResponse } from 'axios';
+import { AxiosInstance, AxiosResponse } from 'axios';
+import { useHttpClient } from './hooks/httpClient/UseHttpClient';
 import { useFeatureFlag } from './hooks/featureFlag/UseFeatureFlag';
 
 const App: React.FC<unknown> = () => {
+  const httpClient: AxiosInstance = useHttpClient();
   const appContext = useAppContext();
 
   useEffect(() => {
     const getFeatureFlags = async () => {
       try {
         const featureFlagKeys: string = 'flying-pilots';
-        const response: AxiosResponse = await axios.get(
+        const response: AxiosResponse = await httpClient.get(
           `api/featureFlags?keys=${featureFlagKeys}&label=${import.meta.env.MODE}`
         );
         const featureFlags: { key: string; enabled: boolean }[] = response.data;