diff --git a/package.json b/package.json
index d906c90..5cbb5f6 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
},
"dependencies": {
"prop-types": "^15.6.2",
- "tippy.js": "^4.2.1"
+ "tippy.js": "^4.3.0"
},
"peerDependencies": {
"react": ">=16.8",
diff --git a/src/TippyGroup.js b/src/TippyGroup.js
index 081dbb3..c36b0b3 100644
--- a/src/TippyGroup.js
+++ b/src/TippyGroup.js
@@ -7,10 +7,7 @@ export default function TippyGroup({ children, ...props }) {
useEffect(() => {
tippy.group(instancesRef.current, props)
- return () => {
- instancesRef.current = null
- }
- }, [])
+ })
return Children.map(children, child => {
return cloneElement(child, {
diff --git a/test/TippyGroup.test.js b/test/TippyGroup.test.js
index 43ca2c4..7d43c5c 100644
--- a/test/TippyGroup.test.js
+++ b/test/TippyGroup.test.js
@@ -65,4 +65,32 @@ describe('', () => {
render()
})
+
+ test('props are updateable', () => {
+ const delay = 1000
+ const nextDelay = 500
+ const { container, rerender } = render(
+
+
+
+
+
+
+
+ ,
+ )
+ const instance = container.querySelector('button')._tippy
+ expect(instance.props.delay).toBe(delay)
+ rerender(
+
+
+
+
+
+
+
+ ,
+ )
+ expect(instance.props.delay).toBe(nextDelay)
+ })
})