Argument of type 'string' is not assignable to parameter of type '{ name: string; }'

Question

I have the following function:

 const UseFeature = ({ name }: { name: string }) => {
  const features = useContext(FeatureFlags);


   if (features === null) {
   throw new Error('You must wrap your components in a FeatureProvider.');
  }
  return Array.isArray(features) ? features.includes(name) : features[name];
 };

 export default UseFeature;

I call this function on another component :

const hasV1 = UseFeature('v1');

I get this error which I don't understand

Argument of type 'string' is not assignable to parameter of type '{ name: string; }'.  
 TS2345

Yet 'V1' is indeed a string element.

Have you ever had this problem ?

Diesel · Accepted Answer · 2022-01-28 18:16:12Z

1

V1 is a string but UseFeature wants a { name: string; }

You have two options.

You could change the type when you call UseFeature

const hasV1 = UseFeature({name: 'v1'});

or change the declaration of UseFeature to

const UseFeature = (name: string ) => {

And still call it with const hasV1 = UseFeature('v1');

In this second example you are no longer destructuring an object. With the function using only one property / parameter I prefer the second solution more.

edited Jan 28, 2022 at 18:16

answered Jan 28, 2022 at 17:38

Diesel

5,4258 gold badges55 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bopbopbop · Accepted Answer · 2022-01-28 17:37:10Z

0

I think it's because UseFeature destructures name, so is expecting that when you call the function. You've just passed a string:

const hasV1 = UseFeature('v1');

It is expecting an object:

const hasV1 = UseFeature({name: 'v1'});

answered Jan 28, 2022 at 17:37

bopbopbop

5223 silver badges9 bronze badges

Comments

Rajesh N · Accepted Answer · 2022-09-21 09:15:48Z

0

this worked for me

const data:any= { name:'v1' }
const hasV1 = UseFeature(data);

answered Sep 21, 2022 at 9:15

Rajesh N

6,7332 gold badges57 silver badges65 bronze badges

Collectives™ on Stack Overflow

Argument of type 'string' is not assignable to parameter of type '{ name: string; }'

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related