fix: typescript type generation when array of fields is passed.

* Changed conditional type generation from distributive to non-distributive

Author: Rushi Bhargav

react.d.ts

@@ -11,7 +11,7 @@ export declare type FlagsmithContextType<F extends string = string, T extends st
 type UseFlagsReturn<
     F extends string | Record<string, any>,
     T extends string
-> = F extends string
+> = [F] extends [string]
     ? {
     [K in F]: IFlagsmithFeature;
 } & {

react.tsx

@@ -129,7 +129,7 @@ export function useFlagsmithLoading() {
 type UseFlagsReturn<
     F extends string | Record<string, any>,
     T extends string
-> = F extends string
+> = [F] extends [string]
     ? {
     [K in F]: IFlagsmithFeature;
 } & {

test/react-types.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {render} from '@testing-library/react';
 import {FlagsmithProvider, useFlags, useFlagsmith} from '../lib/flagsmith/react';
 import {getFlagsmith,} from './test-constants';
-import { IFlagsmithTrait } from '../types';
+import { IFlagsmithFeature } from '../types';
 
 
 describe.only('FlagsmithProvider', () => {
@@ -106,11 +106,11 @@ describe.only('FlagsmithProvider', () => {
             const wrongTypedFlagsmith = useFlags<StringTypes>(["non-existing-flag"])
 
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const stringFlag: IFlagsmithTrait = typedFlagsmith.stringFlag
+            const stringFlag: IFlagsmithFeature = typedFlagsmith.stringFlag
             //eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const numberFlag: IFlagsmithTrait = typedFlagsmith.numberFlag
+            const numberFlag: IFlagsmithFeature = typedFlagsmith.numberFlag
             //eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const firstName: IFlagsmithTrait = typedFlagsmith.objectFlag
+            const firstName: IFlagsmithFeature = typedFlagsmith.objectFlag
 
             return <></>
         }