diff --git a/docs/useEvent.md b/docs/useEvent.md index 5d5321d8c9..a800296013 100644 --- a/docs/useEvent.md +++ b/docs/useEvent.md @@ -6,8 +6,7 @@ React sensor hook that subscribes a `handler` to events. ## Usage ```jsx -import useEvent from 'react-use/lib/useEvent'; -import useList from 'react-use/lib/useList'; +import {useEvent, useList} from 'react-use'; const Demo = () => { const [list, {push, clear}] = useList(); diff --git a/docs/useFullscreen.md b/docs/useFullscreen.md index 4c5e3c1a10..246f57c725 100644 --- a/docs/useFullscreen.md +++ b/docs/useFullscreen.md @@ -5,8 +5,7 @@ Display an element full-screen, optional fallback for fullscreen video on iOS. ## Usage ```jsx -import useFullscreen from 'react-use/lib/useFullscreen'; -import useToggle from 'react-use/lib/useToggle'; +import {useFullscreen, useToggle} from 'react-use'; const Demo = () => { const ref = useRef(null) diff --git a/docs/useInterval.md b/docs/useInterval.md index 37930aaf40..03679acfa8 100644 --- a/docs/useInterval.md +++ b/docs/useInterval.md @@ -6,7 +6,7 @@ React hook that allow you using declarative `setInterval`. ```jsx import * as React from 'react'; -import useInterval from 'react-use/lib/useInterval'; +import {useInterval} from 'react-use'; const Demo = () => { const [count, setCount] = React.useState(0); diff --git a/docs/useKey.md b/docs/useKey.md index e00df3d57f..bd4c25a8a5 100644 --- a/docs/useKey.md +++ b/docs/useKey.md @@ -5,7 +5,7 @@ React UI sensor hook that executes a `handler` when a keyboard key is used. ## Usage ```jsx -import useKey from 'react-use/lib/useKey'; +import {useKey} from 'react-use'; const Demo = () => { const [count, set] = useState(0); diff --git a/docs/useKeyPress.md b/docs/useKeyPress.md index 70231c6e54..a68ee8f64b 100644 --- a/docs/useKeyPress.md +++ b/docs/useKeyPress.md @@ -7,7 +7,7 @@ key on their keyboard. ## Usage ```jsx -import useKeyPress from 'react-use/lib/useKeyPress'; +import {useKeyPress} from 'react-use'; const keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0']; diff --git a/docs/useKeyPressEvent.md b/docs/useKeyPressEvent.md index 8ccda96696..02b1be1f0e 100644 --- a/docs/useKeyPressEvent.md +++ b/docs/useKeyPressEvent.md @@ -9,7 +9,7 @@ if you press and hold a key, it will fire `keydown` callback only once. ```jsx import React, { useState } from React; -import useKeyPressEvent from 'react-use/lib/useKeyPressEvent'; +import {useKeyPressEvent} from 'react-use'; const Demo = () => { const [count, setCount] = useState(0); diff --git a/docs/useSpring.md b/docs/useSpring.md index 19fa20f1ea..1a9271bd7c 100644 --- a/docs/useSpring.md +++ b/docs/useSpring.md @@ -6,7 +6,7 @@ to spring dynamics. ## Usage ```jsx -import useSpring from 'react-use/lib/useSprint'; +import useSpring from 'react-use/lib/useSpring'; const Demo = () => { const [target, setTarget] = useState(50); diff --git a/docs/useStartTyping.md b/docs/useStartTyping.md index 6a68605823..b43c143bab 100644 --- a/docs/useStartTyping.md +++ b/docs/useStartTyping.md @@ -6,7 +6,7 @@ to focus default input field on the page. ## Usage ```jsx -import useStartTyping from 'react-use/lib/useStartTyping'; +import {useStartTyping} from 'react-use'; const Demo = () => { useStartTyping(() => alert('Started typing...'));