fix(phone/providers): resolve NUI provider context call

forgot about our useNuiEvent context usage in NPWD
project-error · Dec 31, 2021 · b3b4f3a · b3b4f3a
1 parent 506afd8
commit b3b4f3a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git a/phone/src/PhoneProviders.tsx b/phone/src/PhoneProviders.tsx
@@ -4,7 +4,7 @@ import { NotificationsProvider } from '@os/notifications/providers/Notifications
 import { usePhoneTheme } from '@os/phone/hooks/usePhoneTheme';
 import SnackbarProvider from './os/snackbar/providers/SnackbarProvider';
 import Phone from './Phone';
-import { NuiProvider, useNuiEvent } from 'fivem-nui-react-lib';
+import { useNuiEvent } from 'fivem-nui-react-lib';
 import { SoundProvider } from '@os/sound/providers/SoundProvider';
 import { RecoilRoot } from 'recoil';
 import { PhoneEvents } from '@typings/phone';
@@ -30,19 +30,17 @@ export const PhoneProviders = () => {
 
   return (
     <RecoilRoot key={curChar}>
-      <NuiProvider resource="npwd">
-        <StyledEngineProvider injectFirst>
-          <ThemeProvider theme={currentTheme}>
-            <SoundProvider>
-              <NotificationsProvider>
-                <SnackbarProvider>
-                  <Phone />
-                </SnackbarProvider>
-              </NotificationsProvider>
-            </SoundProvider>
-          </ThemeProvider>
-        </StyledEngineProvider>
-      </NuiProvider>
+      <StyledEngineProvider injectFirst>
+        <ThemeProvider theme={currentTheme}>
+          <SoundProvider>
+            <NotificationsProvider>
+              <SnackbarProvider>
+                <Phone />
+              </SnackbarProvider>
+            </NotificationsProvider>
+          </SoundProvider>
+        </ThemeProvider>
+      </StyledEngineProvider>
     </RecoilRoot>
   );
 };
diff --git a/phone/src/index.tsx b/phone/src/index.tsx
@@ -13,6 +13,7 @@ import { Theme as MaterialUITheme } from '@mui/material';
 import { RewriteFrames } from '@sentry/integrations';
 import attachWindowDebug from './os/debug/AttachWindowDebug';
 import { createBrowserHistory } from 'history';
+import { NuiProvider } from 'fivem-nui-react-lib';
 
 dayjs.extend(relativeTime);
 dayjs.extend(updateLocale);
@@ -59,7 +60,9 @@ if (process.env.NODE_ENV === 'development') {
 
 ReactDOM.render(
   <HashRouter>
-    <PhoneProviders />
+    <NuiProvider resource="npwd">
+      <PhoneProviders />
+    </NuiProvider>
   </HashRouter>,
   document.getElementById('root'),
 );