diff --git a/frontend/src/component/common/ConditionallyRender/ConditionallyRender.tsx b/frontend/src/component/common/ConditionallyRender/ConditionallyRender.tsx
index dea335707d..12a97754ce 100644
--- a/frontend/src/component/common/ConditionallyRender/ConditionallyRender.tsx
+++ b/frontend/src/component/common/ConditionallyRender/ConditionallyRender.tsx
@@ -15,6 +15,10 @@ type TargetElement =
 
 type RenderFunc = () => JSX.Element;
 
+/**
+ * @deprecated Use a ternary operator (`condition ? show : elseShow`)
+ * @see https://docs.getunleash.io/contributing/ADRs/front-end/jsx-conditionals
+ */
 export const ConditionallyRender = ({
     condition,
     show,