From 3873cd380b0c1d7c7233baa72ffbc6a347049dd4 Mon Sep 17 00:00:00 2001
From: Michael Hueter <mthueter@gmail.com>
Date: Thu, 27 Aug 2020 13:15:08 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Merge=20PR=20#47086=20[react-scr?=
 =?UTF-8?q?ollspy]=20Fix=20type=20definitions=20for=20onUpdate=20prop=20by?=
 =?UTF-8?q?=20@hueter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 types/react-scrollspy/index.d.ts                |  2 +-
 types/react-scrollspy/react-scrollspy-tests.tsx | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/types/react-scrollspy/index.d.ts b/types/react-scrollspy/index.d.ts
index 2f5c1a8bd8..980a76ca20 100644
--- a/types/react-scrollspy/index.d.ts
+++ b/types/react-scrollspy/index.d.ts
@@ -29,7 +29,7 @@ export interface ScrollspyProps {
     rootEl?: string;
 
     // Function to be executed when the active item has been updated
-    onUpdate?: (item: string) => void;
+    onUpdate?: (item: HTMLElement) => void;
 
     // ClassName attribute to be passed to the generated <ul /> element
     className?: string;
diff --git a/types/react-scrollspy/react-scrollspy-tests.tsx b/types/react-scrollspy/react-scrollspy-tests.tsx
index e3466fcf17..9d6ecc67e7 100644
--- a/types/react-scrollspy/react-scrollspy-tests.tsx
+++ b/types/react-scrollspy/react-scrollspy-tests.tsx
@@ -12,10 +12,16 @@ function TestComponent() {
                 <section id="section-3">section 3</section>
             </div>
 
-            <Scrollspy items={items} currentClassName="is-current">
-                <li><a href="#section-1">section 1</a></li>
-                <li><a href="#section-2">section 2</a></li>
-                <li><a href="#section-3">section 3</a></li>
+            <Scrollspy items={items} currentClassName="is-current" onUpdate={el => console.log(el.id)}>
+                <li>
+                    <a href="#section-1">section 1</a>
+                </li>
+                <li>
+                    <a href="#section-2">section 2</a>
+                </li>
+                <li>
+                    <a href="#section-3">section 3</a>
+                </li>
             </Scrollspy>
         </div>
     );