Hello, Ben
Thx for the knowledge sharing. Im just about to move my internal React project to React+TS, but have faced with problem. Maybe you can help me with this?
Hrmm yeah, using cloneElement with typescript is really messy. I honestly don't have a great solution to this. If I'm forced to use cloneElement I tend to make the cloned values optional, and then throw an error if they aren't actually passed to the child.
Lately I've been preferring to use React.createContext and React.useContext where possible instead, since this gets around the typing issues.
If you do find a better way of typing using cloneElement, let me know!
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hello, Ben
Thx for the knowledge sharing. Im just about to move my internal React project to React+TS, but have faced with problem. Maybe you can help me with this?
Here is a links to code.
gist.github.com/yazonnile/a2268d77...
or
codesandbox.io/s/2ptse
question is - how describe an interface and not get an error? (make method optional will work, but its more like a hack :)
Hrmm yeah, using cloneElement with typescript is really messy. I honestly don't have a great solution to this. If I'm forced to use cloneElement I tend to make the cloned values optional, and then throw an error if they aren't actually passed to the child.
Lately I've been preferring to use
React.createContextandReact.useContextwhere possible instead, since this gets around the typing issues.If you do find a better way of typing using cloneElement, let me know!