[Advanced] AS prop example updated to accept element specific props

[sami616]

It would be awesome if the example was updated so that the accepted props changed depending on what as prop was passed. For example. Passing as='button' and then passing a href prop would result in a compiler error. I've been trying to figure out how to do this but not had much luck!

Here's an incomplete attempt: https://stackoverflow.com/questions/58200824/generic-react-typescript-component-with-as-prop-able-to-render-any-valid-dom

🤔😫

[karol-majewski]

@sami616 Hey! I replied in your SO thread. To my knowledge, what you want is either impossible or hacky.

If you're looking specifically for a way to make a single component render a button or a link, then you may want to define a simple union of props instead. Would that help your use case?

[sami616]

@karol-majewski thanks so much. What a brilliant answer. Exactly what I needed! 👌👌👌👌

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!