Make GQL initialize with callback

Author: CompuIves

packages/app/src/app/overmind/dependencies/overmind-graphql.ts

@@ -38,7 +38,7 @@ type Http = {
   options?: Options;
 };
 
-type Ws = PhoenixSocket | null;
+type Ws = (() => PhoenixSocket) | null;
 
 type Queries = {
   queries?: {
@@ -126,7 +126,7 @@ export const graphql: <T extends Queries>(
   let wsClient: PhoenixSocket | null = null;
   function getWsClient(): PhoenixSocket | null {
     if (_ws && !wsClient) {
-      wsClient = withAbsintheSocket.create(_ws);
+      wsClient = withAbsintheSocket.create(_ws());
       return wsClient;
     }
 

packages/app/src/app/overmind/onInitialize.ts

@@ -33,9 +33,7 @@ export const onInitialize: OnInitialize = async (
         Authorization: `Bearer ${state.jwt}`,
       }),
     },
-    // TODO(@christianalfoni): we need to make this dynamic, but overmind devtools can't serialize a socket with one channel.
-    // Because of this the app crashes if we want to provide it with a function
-    effects.jwt.get() ? effects.live.getSocket() : null
+    () => effects.live.getSocket()
   );
 
   effects.notifications.initialize({