From f107b5726d80d534ea02af3a16a28db6e80e9ff9 Mon Sep 17 00:00:00 2001
From: Niko PLP <niko@nextgraph.org>
Date: Sun, 20 Apr 2025 22:20:17 +0300
Subject: [PATCH] fix React conditonal hooks. thank you Jackson

---
 helpers/nextgraphweb/package.json              | 2 +-
 ng-sdk-js/example-webapp-react/src/Contact.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/helpers/nextgraphweb/package.json b/helpers/nextgraphweb/package.json
index 3a23d3f..a417efb 100644
--- a/helpers/nextgraphweb/package.json
+++ b/helpers/nextgraphweb/package.json
@@ -4,7 +4,7 @@
     "Niko PLP <niko@nextgraph.org>"
   ],
   "description": "TS SDK of NextGraph for web apps",
-  "version": "0.1.1-alpha.1",
+  "version": "0.1.1-alpha.2",
   "license": "MIT/Apache-2.0",
   "repository": {
     "type": "git",
diff --git a/ng-sdk-js/example-webapp-react/src/Contact.tsx b/ng-sdk-js/example-webapp-react/src/Contact.tsx
index 2f60cc2..a5e6dcf 100644
--- a/ng-sdk-js/example-webapp-react/src/Contact.tsx
+++ b/ng-sdk-js/example-webapp-react/src/Contact.tsx
@@ -6,14 +6,14 @@ import { useSubscribeToResource, useResource, useSubject } from "./reactMethods.
 export const Contact: FunctionComponent = () => {
   const { session } = useNextGraphAuth();
   
-  let myContainer;
   let container_overlay;
 
+  useResource(session.sessionId ? "did:ng:"+session.privateStoreId : undefined);
+  let myContainer = useSubject(ContainerShapeType, session.sessionId ? "did:ng:"+(session.privateStoreId.substring(0,46)) : undefined);
+
   if (session.sessionId) {
-    useResource("did:ng:"+session.privateStoreId);
     container_overlay =  session.privateStoreId.substring(46);
     console.log(container_overlay);
-    myContainer = useSubject(ContainerShapeType, "did:ng:"+(session.privateStoreId.substring(0,46)));
   }
   
   if (!session.sessionId) return <></>;