diff --git a/packages/src/context/provider/content-overlay-controller.tsx b/packages/src/context/provider/content-overlay-controller.tsx
index 1d202bf..535d20d 100644
--- a/packages/src/context/provider/content-overlay-controller.tsx
+++ b/packages/src/context/provider/content-overlay-controller.tsx
@@ -26,9 +26,11 @@ type ContentOverlayControllerProps = {
 export const ContentOverlayController = memo(
   ({ isOpen, overlayId, overlayDispatch, controller: Controller }: ContentOverlayControllerProps) => {
     useEffect(() => {
-      requestAnimationFrame(() => {
+      const frameId = requestAnimationFrame(() => {
         overlayDispatch({ type: 'OPEN', overlayId });
       });
+
+      return () => cancelAnimationFrame(frameId);
     }, [overlayDispatch, overlayId]);
 
     return (