This is my deactivated (but not deleted) Facebook account, last updated in 2018
Whatever the police found isn't my account
James A Rosen
@jamesarosen.com
518 followers 655 following 629 posts
Dad to 👧👧🐈🐈⬛🐈⬛. Software engineer looking for the next career move. Napa, CA Bicycle & Pedestrian Commissioner. Francophone (+/-).
![VSCode screenshot with the following React-TypeScript code:
```
const Foo: FC<{ foo: string }> = ({ foo }) => <div>{foo}</div>;
const Bar: FC<{ bar: number }> = ({ bar }) => <div>{bar}</div>;
const Baz: FC<{ baz: Date }> = ({ baz }) => <div>{baz.toISOString()}</div>;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const SubComponents: Record<string, ComponentType<any>> = {
foo: Foo,
bar: Bar,
baz: Baz,
} as const;
type WrapperProps = {
[K in keyof typeof SubComponents]: { variant: K } & ComponentPropsWithoutRef<typeof SubComponents[K]>;
}[keyof typeof SubComponents];
export const Wrapper: FC<WrapperProps> = ({ variant, ...props }) => {
const SubComponent = SubComponents[variant];
return <SubComponent {...props} />;
};
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:znnhonilnk7kk2svhrxvh6ya/bafkreiaz2ybben4pjk6n3nnlwqo6rloguh67p7qdzj62fnq42qg3lc7imu)
![Screenshot of VSCode with the following React-TypeScript code:
```
const Foo: FC<{ foo: string }> = ({ foo }) => <div>{foo}</div>;
const Bar: FC<{ bar: number }> = ({ bar }) => <div>{bar}</div>;
const Baz: FC<{ baz: Date }> = ({ baz }) => <div>{baz.toISOString()}</div>;
const SubComponents = {
foo: Foo,
bar: Bar,
baz: Baz,
} as const;
type WrapperProps = {
[K in keyof typeof SubComponents]: { variant: K } & ComponentPropsWithoutRef<typeof SubComponents[K]>;
}[keyof typeof SubComponents];
export const Wrapper: FC<WrapperProps> = ({ variant, ...props }) => {
const SubComponent = SubComponents[variant];
// @ts-expect-error TS can't collapse the type of SubComponent, props
return <SubComponent {...props} />;
};
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:znnhonilnk7kk2svhrxvh6ya/bafkreibamm3wj2d6cjymwfxn4awb45cbm3hzovt4mtrmiuv6s3n2hbirmm)
