fix: do not spawn additional stores inside variant

Author: AlexandrHoroshih

src/core/variant.ts

@@ -38,8 +38,7 @@ export function variantFactory(context: Context) {
 
     // Shortcut for Store<boolean>
     if ('if' in config) {
-      $case = config.if.map((value): Variant => (value ? 'then' : 'else') as Variant);
-
+      $case = config.if as any;
       cases = {
         then: config.then,
         else: config.else,
@@ -54,7 +53,10 @@ export function variantFactory(context: Context) {
     }
 
     function View(props: Props) {
-      const nameOfCase = context.useUnit($case, config.useUnitConfig);
+      const nameOfCaseRaw = context.useUnit($case, config.useUnitConfig);
+      const nameOfCase = (
+        'if' in config ? ifToVariant(nameOfCaseRaw as any) : nameOfCaseRaw
+      ) as Variant;
       const Component = cases[nameOfCase] ?? def;
 
       return React.createElement(Component as any, props as any);
@@ -70,3 +72,7 @@ export function variantFactory(context: Context) {
     }) as unknown as (p: Props) => React.ReactNode;
   };
 }
+
+function ifToVariant(value: boolean): 'then' | 'else' {
+  return value ? 'then' : 'else';
+}