diff --git a/src/04-advanced-props/24-discriminated-union-with-other-props.problem.tsx b/src/04-advanced-props/24-discriminated-union-with-other-props.problem.tsx index 7b30253..358bc67 100644 --- a/src/04-advanced-props/24-discriminated-union-with-other-props.problem.tsx +++ b/src/04-advanced-props/24-discriminated-union-with-other-props.problem.tsx @@ -13,9 +13,31 @@ type ModalProps = */ export const Modal = (props: ModalProps) => { if (props.variant === "no-title") { - return
No title
; + return ( +
+ No title + +
+ ); } else { - return
Title: {props.title}
; + return ( +
+ Title: {props.title} + +
+ ); } }; diff --git a/src/04-advanced-props/24-discriminated-union-with-other-props.solution.tsx b/src/04-advanced-props/24-discriminated-union-with-other-props.solution.tsx index dbc04c4..942479a 100644 --- a/src/04-advanced-props/24-discriminated-union-with-other-props.solution.tsx +++ b/src/04-advanced-props/24-discriminated-union-with-other-props.solution.tsx @@ -17,9 +17,31 @@ type ModalProps = ( export const Modal = (props: ModalProps) => { if (props.variant === "no-title") { - return
No title
; + return ( +
+ No title + +
+ ); } else { - return
Title: {props.title}
; + return ( +
+ Title: {props.title} + +
+ ); } };