5 replies

How to type react element arguments

I want to take a string like this

const Example = (guid : string) => { ... }

const Example = (guid : string) => { ... }

const Example = (guid : string) => { ... }

const Example = (guid : string) => { ... }

but when i call it like this it says

 Type { guid: string; } is not assignable to type string

 Type { guid: string; } is not assignable to type string

 Type { guid: string; } is not assignable to type string

 Type { guid: string; } is not assignable to type string

So i try to use an anonymous class kind of thing

const Example = ({guid : string}) => { ... }

const Example = ({guid : string}) => { ... }

const Example = ({guid : string}) => { ... }

const Example = ({guid : string}) => { ... }

But that's some mess.

The following works

const Example = (input : {guid : string}) => { ... }

const Example = (input : {guid : string}) => { ... }

const Example = (input : {guid : string}) => { ... }

const Example = (input : {guid : string}) => { ... }

But that is ugly as hell, how do i write that properly ??