forward-ref-as
v2.0.0TypeScript
A wrapper around React.forwardRef() that allows HTML attributes and prop types to be derived from the as prop.
reactreact componentforward ref asreact forward refreact forward ref as propas propreact as propforward ref as prop
0/weekUpdated 3 years agoMITUnpacked: 34.4 KB
Published by Jared Lunde
npm install forward-ref-as
forwardRefAs()
A wrapper aroundReact.forwardRef()that allows HTML attributes and prop types to
be inferred from anasprop.
npm i forward-ref-as
Quick start
``tsx
import forwardRefAs from 'forward-ref-as'
// Forwards ref to the underlying button and adds strongas
// types for the prop.
const Button = forwardRefAs<'button', ButtonProps>(
({as: As = 'button', ...props}, ref) =>
)
// ✅ Will pass type checking and autocomplete correctly
;
`
API
$3
A wrapper around React.forwardRef() with the same call signature, butas` prop HTML attributes and React prop types
a type signature that allows
to be inferred.
LICENSE
MIT