Skip to content

Instantly share code, notes, and snippets.

View dan-maximov's full-sized avatar
🎯
Focusing

Daniel Maximov dan-maximov

🎯
Focusing
View GitHub Profile
@kripod
kripod / Box.tsx
Last active July 19, 2024 05:10
Superseded by https://www.kripod.dev/blog/behind-the-as-prop-polymorphism-done-well/ – Polymorphic `as` prop for React components with TypeScript
import React from 'react';
// Source: https://github.com/emotion-js/emotion/blob/master/packages/styled-base/types/helper.d.ts
type PropsOf<
// eslint-disable-next-line @typescript-eslint/no-explicit-any
E extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>
> = JSX.LibraryManagedAttributes<E, React.ComponentPropsWithRef<E>>;
export interface BoxOwnProps<E extends React.ElementType = React.ElementType> {
as?: E;