Changed the way that 70 starts out

total-typescript · Aug 7, 2023 · 9ac77a1 · 9ac77a1
1 parent 782759d
commit 9ac77a1
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/08-advanced-patterns/70-as-prop-with-custom-components.problem.tsx b/src/08-advanced-patterns/70-as-prop-with-custom-components.problem.tsx
@@ -17,9 +17,14 @@ import { Equal, Expect } from "../helpers/type-utils";
  *   - ComponentPropsWithRef
  *   - ComponentProps
  */
-export const Wrapper = (props: { as: unknown }) => {
-  const Comp = props.as;
-  return <Comp {...props}></Comp>;
+export const Wrapper = <TAs extends keyof JSX.IntrinsicElements>(
+  props: {
+    as: TAs;
+  } & React.ComponentProps<TAs>,
+) => {
+  const Comp = props.as as string;
+
+  return <Comp {...(props as any)}></Comp>;
 };
 
 /**