adjust types in order to pass props

[dawidvdh]

Not sure if this is the best approach, but I have an issue with using the configureFeature like so:

featureOr404.tsx

import {configureFeature} from '@paralleldrive/react-feature-toggles';
import {ComponentType} from 'react';

function featureOr404<T>(
  feature: string,
): (activeComponent: ComponentType<T>) => ComponentType<T> {
  const config = configureFeature<T>(() => null);
  return config(feature);
}

export default featureOr404;

IntroComponent.tsx

import React from 'react';
import {Text} from 'react-native';
import featureOr404 from './featureOr404'

const FEATURE_FLAG = "some-flag";
const Intro = (props: { title: string }) => ( <Text>{title}</Text> );

export default featureOr404(FEATURE_FLAG)(Intro);

IntroScreen.tsx

import React from 'react';
import IntroComponent from './IntroComponent'

const IntroScreen = (props: { title: string }) => ( <IntroComponent title="hello" /> );

export default IntroScreen;

^^^^

problem is that IntroComponent does not know which props it has, so the best solution I had was passing in the Type like so:

in IntroComponent.tsx.

export default featureOr404<Props>(FEATURE_FLAG)(Intro);

Please let me know if there is a better way to achieve this.

[kennylavender]

I don't use TS at all anymore, but this looks fine to me. @jwicks31 can you test this?