@melv1c/ui-kit 1.5.3 → 1.6.0

package/dist/index.js

@@ -7,7 +7,7 @@ export { cn } from './chunk-WZ2GOU2J.js';
 import { locales_exports } from './chunk-PWXJ2ONW.js';
 import './chunk-PZ5AY32C.js';
 import * as React9 from 'react';
-import { useState, useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon, ChevronRight, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ArrowLeft, ArrowRight, CheckIcon, XIcon, SearchIcon, CircleIcon, MoreHorizontalIcon, ChevronUpIcon, PanelLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, CircleAlert, EyeOff, Eye, ArrowRightIcon, ArrowLeftIcon, CalendarIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -4482,9 +4482,13 @@ function UIKitProvider({
   i18nConfig = { locale: "en" },
   loadingComponent = null
 }) {
-  const [isReady, setIsReady] = useState(false);
-  const i18nRef = useRef(!i18nConfig.instance ? i18n.createInstance() : null);
-  const instance = i18nConfig.instance || i18nRef.current;
+  const [localInstance] = useState(
+    () => !i18nConfig.instance ? i18n.createInstance() : null
+  );
+  const instance = i18nConfig.instance || localInstance;
+  const [isReady, setIsReady] = useState(
+    () => !(i18nConfig.locale && !instance.isInitialized)
+  );
   useEffect(() => {
     if (i18nConfig.locale && !instance.isInitialized) {
       instance.use(initReactI18next).init({
@@ -4498,8 +4502,6 @@ function UIKitProvider({
       }).then(() => {
         setIsReady(true);
       });
-    } else {
-      setIsReady(true);
     }
   }, [i18nConfig, instance]);
   useEffect(() => {