From de2b7013d456ce4c594f4997887f48c46a796a2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= <cysiak0412@gmail.com>
Date: Wed, 7 Aug 2024 19:01:41 +0200
Subject: [PATCH] add interactiveExample

---
 .../docs/advanced/useEvent.mdx                | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/packages/docs-reanimated/docs/advanced/useEvent.mdx b/packages/docs-reanimated/docs/advanced/useEvent.mdx
index becf23188c9a..9e335d6f1dda 100644
--- a/packages/docs-reanimated/docs/advanced/useEvent.mdx
+++ b/packages/docs-reanimated/docs/advanced/useEvent.mdx
@@ -82,24 +82,12 @@ The hook returns event handler that will be invoked when native event is dispatc
 
 ## Example
 
-```js
-function useAnimatedPagerScrollHandler(handlers, dependencies) {
-  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+import useEvent from '@site/src/examples/useHandlerEventExample';
+import useEventSrc from '!!raw-loader!@site/src/examples/useHandlerEventExample';
 
-  return useEvent(
-    (event) => {
-      'worklet';
-      const { onPageScroll } = handlers;
+<InteractiveExample src={useEventSrc} component={useEvent} />
 
-      if (onPageScroll && event.eventName.endsWith('onPageScroll')) {
-        onPageScroll(event, context);
-      }
-    },
-    ['onPageScroll'],
-    doDependenciesDiffer
-  );
-}
-```
+This example can be more easily implemented using [`useScrollViewOffset`](/docs/scroll/useScrollViewOffset/).
 
 ## Remarks