fix: guest id issue

src/DataFetcher/index.tsx

@@ -61,7 +61,7 @@ export const DataFetcher: FC<DataFetcherProps> = ({}) => {
 
   function generateGuestUserId() {
     // If userId is null, generate a guest user id using uuid
-    if (userId === null) {
+    if (!userId) {
       // Call local storage to see if we already have a guest user id
       const guestUserId = localStorage.getItem(guestUserIdField)
       if (guestUserId) {
@@ -75,12 +75,9 @@ export const DataFetcher: FC<DataFetcherProps> = ({}) => {
     }
   }
 
-  useEffect(() => {
-    generateGuestUserId()
-  }, [])
-
   useEffect(() => {
     if (userId !== null) {
+      generateGuestUserId()
       syncFlows()
     }
   }, [userId, flows])

src/FrigadeProvider/index.tsx

@@ -1,11 +1,11 @@
-import React, { createContext, FC, useState } from 'react'
+import React, { createContext, FC, useEffect, useState } from 'react'
 import { DataFetcher } from '../DataFetcher'
 import { Flow } from '../api/flows'
 import { FlowResponse } from '../api/flow-responses'
 
 export interface IFrigadeContext {
   publicApiKey: string
-  userId?: string
+  userId?: string | null
   setUserId: React.Dispatch<React.SetStateAction<string | null>>
   flows: Flow[]
   setFlows: React.Dispatch<React.SetStateAction<Flow[]>>
@@ -38,14 +38,18 @@ export const FrigadeContext = createContext<IFrigadeContext>({
 })
 
 export const FrigadeProvider: FC<FrigadeProviderProps> = ({ publicApiKey, userId, children }) => {
-  const [userIdValue, setUserIdValue] = useState<string | null>(
-    userId === undefined ? null : userId
-  )
+  const [userIdValue, setUserIdValue] = useState<string | null>(!userId ? null : userId)
   const [flows, setFlows] = useState<Flow[]>([])
   const [failedFlowResponses, setFailedFlowResponses] = useState<FlowResponse[]>([])
   const [flowResponses, setFlowResponses] = useState<FlowResponse[]>([])
   const [isLoading, setIsLoading] = useState(true)
 
+  useEffect(() => {
+    if (userId !== userIdValue) {
+      setUserIdValue(userId)
+    }
+  }, [userId])
+
   return (
     <FrigadeContext.Provider
       value={{