diff --git a/packages/docs-reanimated/src/components/InteractivePlayground/useTimingPlayground/index.tsx b/packages/docs-reanimated/src/components/InteractivePlayground/useTimingPlayground/index.tsx
index c758242564cb..3d238ce6ebae 100644
--- a/packages/docs-reanimated/src/components/InteractivePlayground/useTimingPlayground/index.tsx
+++ b/packages/docs-reanimated/src/components/InteractivePlayground/useTimingPlayground/index.tsx
@@ -73,6 +73,12 @@ export default function useTimingPlayground() {
     }
   }, [isMobile]);
 
+  useEffect(() => {
+    if (!canNestEasing(easing)) {
+      setNestedEasing(initialState.nestedEasing);
+    }
+  }, [easing]);
+
   const resetOptions = () => {
     setDuration(initialState.duration);