Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
Typing component based on props - Theo's Typesafe Cult
TTC
Theo's Typesafe Cult
•
4y ago
•
9 replies
6enton
Typing component based on props
Hi all
,
I
'm trying to type a Link component based on it
's props
. If
url
url
is passed as a prop
, I want the type of the component to be an
HTMLAnchor
HTMLAnchor
element
, if I pass in an
onClick
onClick
I want it to be an
HTMLButton
HTMLButton
etc
.
I have the following but it doesn
't seem to work
. It lets me pass in both an onClick and an href
, which shouldn
't be possible as href doesn
't exist on
HTMLButton
HTMLButton
https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgIilQ3wChSYBPMJOAGWADsBrAFRQHMAeAVTiQAeMJIwAmAZzjiYUJhzgAfOAFcxSTEySiANHADy-ISIlwAFKYCUcALwA+OADcIwUVaWrR6zaPvW4Ab1IASGUoABsAfgAuOB4AbmCIRgBhMOA0Zmj9BKC0ZWlcAAUcMBjpWUYOBIBfBIpqWgYWdg5iiDBxXkNhMUlyuUUVNQ1GLV0DQR6Tcys7R2dXQY8vUZ8beiY2Tl5x+wAyYNM+SeM+mTlgoIjEYhgAOgAJVgBZOjaOrifXgEFGNAALaAAUTCSBAIhgtkuMQmRl6Zlm9icLku12Q6HuXzeJU6WIAQsoYDAkiCwRCoUEgjF0RhHi9se1cfSAMpgFCMUngxiQix1QSQWBwTCqDDAJIbZrbY5wkz9SpLYbecbdU5mSw2JELNxDTwjLS2UxgHExJpbVo4nb6WxWQJBIgwUKMOBcFC2LgAeldNXIXFNLTgeQKIHe1nwYQgYXwcCSqXSzGs-nVc381WqcH+REwofDkbg7tscSAA
TS Playground - An online editor for exploring TypeScript and JavaS...
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way
.
Theo's Typesafe Cult
Join
26,564
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Similar Threads
Was this page helpful?
Yes
No
Recent Announcements
Similar Threads
Typing Props
TTC
Theo's Typesafe Cult / questions
4y ago
Deep react component typing
TTC
Theo's Typesafe Cult / questions
3y ago
Typescript React Component Props Error
TTC
Theo's Typesafe Cult / questions
4y ago
Generic type that extracts component props
TTC
Theo's Typesafe Cult / questions
3y ago