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}
+
+
+ );
}
};