@superblocksteam/custom-components 0.0.23 → 1.0.0

package/dist/useSuperblocksIsLoading.js

@@ -6,8 +6,9 @@ import { useHooksInternalContext } from "./hooksPlumbing";
 export function useSuperblocksIsLoading() {
     const { React, ccRenderingContext } = useHooksInternalContext();
     const [isLoading, setIsLoading] = React.useState(ccRenderingContext.isLoadingRef.current);
-    ccRenderingContext.isLoadingSubscribers.add(setIsLoading);
-    React.useEffect(() => {
+    // we need to subscribe to changes immediately, so use `useLayoutEffect` to subscribe right after the render phase is finished
+    React.useLayoutEffect(() => {
+        ccRenderingContext.isLoadingSubscribers.add(setIsLoading);
         return () => {
             ccRenderingContext.isLoadingSubscribers.delete(setIsLoading);
         };

package/dist/useSuperblocksWidgetSize.js

@@ -6,8 +6,9 @@ import { useHooksInternalContext } from "./hooksPlumbing";
 export function useSuperblocksWidgetSize() {
     const { React, ccRenderingContext } = useHooksInternalContext();
     const [widgetSize, setWidgetSize] = React.useState(ccRenderingContext.widgetSizeRef.current);
-    ccRenderingContext.widgetSizeSubscribers.add(setWidgetSize);
-    React.useEffect(() => {
+    // we need to subscribe to changes immediately, so use `useLayoutEffect` to subscribe right after the render phase is finished
+    React.useLayoutEffect(() => {
+        ccRenderingContext.widgetSizeSubscribers.add(setWidgetSize);
         return () => {
             ccRenderingContext.widgetSizeSubscribers.delete(setWidgetSize);
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/custom-components",
-  "version": "0.0.23",
+  "version": "1.0.0",
   "description": "Official Superblocks SDK for developing custom components",
   "homepage": "https://www.superblocks.com/",
   "keywords": [
@@ -37,7 +37,7 @@
     "typescript": "^5.1.6"
   },
   "dependencies": {
-    "@superblocksteam/util": "0.0.23",
+    "@superblocksteam/util": "1.0.0",
     "tslib": "^2.6.1"
   }
 }