fix(another authentiction fix): fix useeffect referencing wrong variable

trycourier · Feb 8, 2024 · 6e8bd1a · 6e8bd1a
1 parent 38d2276
commit 6e8bd1a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/packages/react-inbox/README.md b/packages/react-inbox/README.md
@@ -230,15 +230,15 @@ import { CourierProvider } from "@trycourier/react-provider";
 import { Inbox } from "@trycourier/react-inbox";
 
 function App() {
-  const [authentication, setAuthentication] = useState();
+  const [authorization, setAuthorization] = useState();
 
   useEffect(() => {
     const response = await fetchAuthToken();
-    setAuthentication(response);
+    setAuthentication(response.token);
   }, []);
 
   return (
-    <CourierProvider userId={yourUserId} authentication={authentication}>
+    <CourierProvider userId={yourUserId} authorization={authorization}>
       <Inbox />
     </CourierProvider>
   );
@@ -263,22 +263,22 @@ import { CourierProvider } from "@trycourier/react-provider";
 import { Inbox } from "@trycourier/react-inbox";
 
 function App() {
-  const [authentication, setAuthentication] = useState();
+  const [authorization, setAuthorization] = useState();
 
   useEffect(() => {
     const response = await fetchAuthToken();
-    setAuthentication(response);
+    setAuthorization(response.token);
 
     const interval = setInterval(async () => {
       const response = await fetchAuthToken();
-      setAuthentication(response);
+      setAuthorization(response.token);
     }, 300000);
 
     return () => clearInterval(interval);
   }, []);
 
   return (
-    <CourierProvider userId={yourUserId} authentication={YOUR_CLIENT_KEY}>
+    <CourierProvider authorization={authorization}>
       <Inbox />
     </CourierProvider>
   );

diff --git a/packages/react-provider/src/hooks/use-courier-actions.ts b/packages/react-provider/src/hooks/use-courier-actions.ts
@@ -87,7 +87,7 @@ const useCourierActions = (state, dispatch) => {
     };
   }, [
     state.apiUrl,
-    state.authentication,
+    state.authorization,
     state.clientKey,
     state.userId,
     state.userSignature,

diff --git a/packages/storybook/stories/inbox/2.0.stories.tsx b/packages/storybook/stories/inbox/2.0.stories.tsx
@@ -5,6 +5,7 @@ import { CourierProvider } from "@trycourier/react-provider";
 import { Inbox } from "@trycourier/react-inbox";
 
 import mockMiddleware from "./mock-middleware";
+import { Authentication } from "../getting-started/index.stories";
 
 const API_URL = process.env.API_URL || "";
 const INBOX_API_URL = process.env.INBOX_API_URL || "";