@sirendesign/markup 1.0.3 → 1.0.5

package/dist/index.esm.js

@@ -37511,17 +37511,19 @@ const useFirebaseSync = () => {
 
 const MarkupWidget = ({ config: userConfig, }) => {
     var _a;
-    const { isOpen, setIsOpen, activeTab, setActiveTab, selectedFeedback, setSelectedFeedback, feedbackItems, addFeedbackItem, config, setConfig, reset, isAuthenticated, currentUser, } = useMarkupStore();
-    // Initialize Firebase BEFORE the sync hook runs (if config provided)
-    if ((userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig) && getApps().length === 0) {
+    // Initialize Firebase synchronously on first render only
+    const initRef = useRef(false);
+    if (!initRef.current && (userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig) && getApps().length === 0) {
         try {
             initializeFirebase(userConfig.firebaseConfig);
             console.log('Firebase initialized from MarkupWidget config');
+            initRef.current = true;
         }
         catch (error) {
             console.error('Failed to initialize Firebase:', error);
         }
     }
+    const { isOpen, setIsOpen, activeTab, setActiveTab, selectedFeedback, setSelectedFeedback, feedbackItems, addFeedbackItem, config, setConfig, reset, isAuthenticated, currentUser, } = useMarkupStore();
     // Initialize Firebase sync
     useFirebaseSync();
     useEffect(() => {