From d84729a85a59c60373fe8ef09368a2e659ef52f8 Mon Sep 17 00:00:00 2001 From: Odd Eirik Nes Date: Fri, 18 Sep 2020 15:09:32 +0200 Subject: [PATCH] Fix storybook separators in stories --- stories/comps/UseKey.story.tsx | 2 +- stories/createBreakpoint.story.tsx | 2 +- stories/createGlobalState.story.tsx | 14 +++++++------- stories/createMemo.story.tsx | 4 ++-- stories/createReducer.story.tsx | 4 ++-- stories/createReducerContext.story.tsx | 2 +- stories/createStateContext.story.tsx | 6 +++--- stories/useAsync.story.tsx | 2 +- stories/useAsyncFn.story.tsx | 2 +- stories/useAsyncRetry.story.tsx | 2 +- stories/useAudio.story.tsx | 2 +- stories/useBattery.story.tsx | 2 +- stories/useBeforeUnload.story.tsx | 2 +- stories/useBoolean.story.tsx | 2 +- stories/useClickAway.story.tsx | 2 +- stories/useCookie.story.tsx | 18 +++++++++--------- stories/useCopyToClipboard.story.tsx | 4 ++-- stories/useCounter.story.tsx | 6 +++--- stories/useCss.story.tsx | 2 +- stories/useCustomCompareEffect.story.tsx | 2 +- stories/useDebounce.story.tsx | 2 +- stories/useDeepCompareEffect.story.tsx | 2 +- stories/useDefault.story.tsx | 4 ++-- stories/useDrop.story.tsx | 2 +- stories/useDropArea.story.tsx | 2 +- stories/useEffectOnce.story.tsx | 2 +- stories/useEnsuredForwardedRef.story.tsx | 2 +- stories/useError.story.tsx | 2 +- stories/useEvent.story.tsx | 2 +- stories/useFavicon.story.tsx | 2 +- stories/useFirstMountState.story.tsx | 2 +- stories/useFullscreen.story.tsx | 2 +- stories/useGeolocation.story.tsx | 2 +- stories/useGetSet.story.tsx | 2 +- stories/useGetSetState.story.tsx | 2 +- stories/useHarmonicIntervalFn.story.tsx | 4 ++-- stories/useHash.story.tsx | 4 ++-- stories/useHover.story.tsx | 2 +- stories/useHoverDirty.story.tsx | 2 +- stories/useIdle.story.tsx | 2 +- stories/useInterval.story.tsx | 4 ++-- stories/useIsomorphicLayoutEffect.story.tsx | 2 +- stories/useKeyPress.story.tsx | 2 +- stories/useKeyboardJs.story.tsx | 2 +- stories/useLatest.story.tsx | 2 +- stories/useLifecycles.story.tsx | 2 +- stories/useList.story.tsx | 12 +++++++----- stories/useLocalStorage.story.tsx | 2 +- stories/useLocation.story.tsx | 4 ++-- stories/useLockBodyScroll.story.tsx | 2 +- stories/useLogger.story.tsx | 4 ++-- stories/useLongPress.story.tsx | 2 +- stories/useMap.story.tsx | 2 +- stories/useMeasure.story.tsx | 2 +- stories/useMedia.story.tsx | 2 +- stories/useMediaDevices.story.tsx | 2 +- stories/useMediatedState.story.tsx | 4 ++-- stories/useMethods.story.tsx | 2 +- stories/useMotion.story.tsx | 2 +- stories/useMount.story.tsx | 2 +- stories/useMountedState.story.tsx | 2 +- stories/useMouse.story.tsx | 2 +- stories/useMouseHovered.story.tsx | 2 +- stories/useMouseWheel.story.tsx | 4 ++-- stories/useMultiStateValidator.story.tsx | 2 +- stories/useNetwork.story.tsx | 2 +- stories/useObservable.story.tsx | 2 +- stories/useOrientation.story.tsx | 2 +- stories/usePageLeave.story.tsx | 2 +- stories/usePermission.story.tsx | 2 +- stories/usePrevious.story.tsx | 6 +++--- stories/usePreviousDistinct.story.tsx | 2 +- stories/usePromise.story.tsx | 4 ++-- stories/useQueue.story.tsx | 2 +- stories/useRaf.story.tsx | 2 +- stories/useRafLoop.story.tsx | 16 ++++++++++------ stories/useRafState.story.tsx | 2 +- stories/useRendersCount.story.tsx | 2 +- stories/useSearchParam.story.tsx | 2 +- stories/useSessionStorage.story.tsx | 2 +- stories/useSet.story.tsx | 2 +- stories/useSetState.story.tsx | 4 ++-- stories/useShallowCompareEffect.story.tsx | 2 +- stories/useSize.story.tsx | 2 +- stories/useSlider.story.tsx | 6 +++--- stories/useSpeech.story.tsx | 2 +- stories/useSpring.story.tsx | 2 +- stories/useStartTyping.story.tsx | 2 +- stories/useStateList.story.tsx | 2 +- stories/useStateValidator.story.tsx | 4 ++-- stories/useStateWithHistory.story.tsx | 6 ++---- stories/useThrottle.story.tsx | 2 +- stories/useThrottleFn.story.tsx | 4 ++-- stories/useTimeout.story.tsx | 2 +- stories/useTimeoutFn.story.tsx | 2 +- stories/useTitle.story.tsx | 2 +- stories/useToggle.story.tsx | 2 +- stories/useTween.story.tsx | 2 +- stories/useUnmount.story.tsx | 2 +- stories/useUpdate.story.tsx | 2 +- stories/useUpdateEffect.story.tsx | 4 ++-- stories/useUpsert.story.tsx | 4 ++-- stories/useVibrate.story.tsx | 2 +- stories/useVideo.story.tsx | 2 +- stories/useWindowSize.story.tsx | 2 +- 105 files changed, 160 insertions(+), 156 deletions(-) diff --git a/stories/comps/UseKey.story.tsx b/stories/comps/UseKey.story.tsx index d4b0d9dd..64fcdc64 100644 --- a/stories/comps/UseKey.story.tsx +++ b/stories/comps/UseKey.story.tsx @@ -2,7 +2,7 @@ import { storiesOf } from '@storybook/react'; import * as React from 'react'; import UseKey from '../../src/comps/UseKey'; -storiesOf('Components|', module).add('Demo', () => ( +storiesOf('Components/', module).add('Demo', () => (
Press "q" key! alert('Q pressed!')} /> diff --git a/stories/createBreakpoint.story.tsx b/stories/createBreakpoint.story.tsx index 6737ba94..f77d6ba3 100644 --- a/stories/createBreakpoint.story.tsx +++ b/stories/createBreakpoint.story.tsx @@ -21,7 +21,7 @@ const Demo = () => { ); }; -storiesOf('sensors|createBreakpoint', module) +storiesOf('sensors/createBreakpoint', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/createGlobalState.story.tsx b/stories/createGlobalState.story.tsx index ed4bdd84..ad3a06c2 100644 --- a/stories/createGlobalState.story.tsx +++ b/stories/createGlobalState.story.tsx @@ -1,7 +1,7 @@ -import { storiesOf } from "@storybook/react"; -import React, { FC } from "react"; -import { createGlobalState } from "../src"; -import ShowDocs from "./util/ShowDocs"; +import { storiesOf } from '@storybook/react'; +import React, { FC } from 'react'; +import { createGlobalState } from '../src'; +import ShowDocs from './util/ShowDocs'; const useGlobalValue = createGlobalState(0); @@ -28,6 +28,6 @@ const Demo: FC = () => { ); }; -storiesOf("State|createGlobalState", module) - .add("Docs", () => ) - .add("Demo", () => ); +storiesOf('State/createGlobalState', module) + .add('Docs', () => ) + .add('Demo', () => ); diff --git a/stories/createMemo.story.tsx b/stories/createMemo.story.tsx index 51de6712..de3dc8af 100644 --- a/stories/createMemo.story.tsx +++ b/stories/createMemo.story.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { createMemo } from '../src'; import ShowDocs from './util/ShowDocs'; -const fibonacci = n => { +const fibonacci = (n) => { if (n === 0) { return 0; } @@ -21,6 +21,6 @@ const Demo = () => { return
fib(10) = {result}
; }; -storiesOf('State|createMemo', module) +storiesOf('State/createMemo', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/createReducer.story.tsx b/stories/createReducer.story.tsx index cf462d4a..6ec79356 100644 --- a/stories/createReducer.story.tsx +++ b/stories/createReducer.story.tsx @@ -29,7 +29,7 @@ function reducer(state, action) { const Demo = ({ initialCount = 1 }) => { // Action creator to increment count, wait a second and then reset const addAndReset = React.useCallback(() => { - return dispatch2 => { + return (dispatch2) => { dispatch2({ type: 'increment' }); setTimeout(() => { @@ -52,6 +52,6 @@ const Demo = ({ initialCount = 1 }) => { ); }; -storiesOf('State|createReducer', module) +storiesOf('State/createReducer', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/createReducerContext.story.tsx b/stories/createReducerContext.story.tsx index aea2cffd..60dde1a6 100644 --- a/stories/createReducerContext.story.tsx +++ b/stories/createReducerContext.story.tsx @@ -61,6 +61,6 @@ const Demo = () => { ); }; -storiesOf('State|createReducerContext', module) +storiesOf('State/createReducerContext', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/createStateContext.story.tsx b/stories/createStateContext.story.tsx index 25b81bee..25c9a80b 100644 --- a/stories/createStateContext.story.tsx +++ b/stories/createStateContext.story.tsx @@ -12,7 +12,7 @@ const ComponentA = () => {

Component A:
- setText(ev.currentTarget.value)} /> + setText(ev.currentTarget.value)} />

); }; @@ -23,7 +23,7 @@ const ComponentB = () => {

Component B:
- setText(ev.currentTarget.value)} /> + setText(ev.currentTarget.value)} />

); }; @@ -38,6 +38,6 @@ const Demo = () => { ); }; -storiesOf('State|createStateContext', module) +storiesOf('State/createStateContext', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useAsync.story.tsx b/stories/useAsync.story.tsx index e1ffd215..4840c4db 100644 --- a/stories/useAsync.story.tsx +++ b/stories/useAsync.story.tsx @@ -33,7 +33,7 @@ const Demo = ({ delay }) => { ); }; -storiesOf('Side effects|useAsync', module) +storiesOf('Side effects/useAsync', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useAsyncFn.story.tsx b/stories/useAsyncFn.story.tsx index 81b1af49..dd52f48c 100644 --- a/stories/useAsyncFn.story.tsx +++ b/stories/useAsyncFn.story.tsx @@ -32,6 +32,6 @@ const Demo = () => { ); }; -storiesOf('Side effects|useAsyncFn', module) +storiesOf('Side effects/useAsyncFn', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useAsyncRetry.story.tsx b/stories/useAsyncRetry.story.tsx index be54b8ce..3f09f7ba 100644 --- a/stories/useAsyncRetry.story.tsx +++ b/stories/useAsyncRetry.story.tsx @@ -34,7 +34,7 @@ const Demo = ({ delay }) => { ); }; -storiesOf('Side effects|useAsyncRetry', module) +storiesOf('Side effects/useAsyncRetry', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useAudio.story.tsx b/stories/useAudio.story.tsx index c2266684..a33b49da 100644 --- a/stories/useAudio.story.tsx +++ b/stories/useAudio.story.tsx @@ -29,6 +29,6 @@ const Demo = () => { ); }; -storiesOf('UI|useAudio', module) +storiesOf('UI/useAudio', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useBattery.story.tsx b/stories/useBattery.story.tsx index 79f9c16d..703046bf 100644 --- a/stories/useBattery.story.tsx +++ b/stories/useBattery.story.tsx @@ -36,6 +36,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useBattery', module) +storiesOf('Sensors/useBattery', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useBeforeUnload.story.tsx b/stories/useBeforeUnload.story.tsx index 1fc25008..be5a21b1 100644 --- a/stories/useBeforeUnload.story.tsx +++ b/stories/useBeforeUnload.story.tsx @@ -30,7 +30,7 @@ const DemoFunc = () => { ); }; -storiesOf('Side effects|useBeforeUnload', module) +storiesOf('Side effects/useBeforeUnload', module) .add('Docs', () => ) .add('Demo (boolean)', () => ) .add('Demo (function)', () => ); diff --git a/stories/useBoolean.story.tsx b/stories/useBoolean.story.tsx index 66c28020..c38f71e8 100644 --- a/stories/useBoolean.story.tsx +++ b/stories/useBoolean.story.tsx @@ -16,6 +16,6 @@ const Demo = () => { ); }; -storiesOf('State|useBoolean', module) +storiesOf('State/useBoolean', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useClickAway.story.tsx b/stories/useClickAway.story.tsx index f75d8768..fca9cc29 100644 --- a/stories/useClickAway.story.tsx +++ b/stories/useClickAway.story.tsx @@ -21,6 +21,6 @@ const Demo = () => { ); }; -storiesOf('UI|useClickAway', module) +storiesOf('UI/useClickAway', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useCookie.story.tsx b/stories/useCookie.story.tsx index 89d3f753..9eb9748a 100644 --- a/stories/useCookie.story.tsx +++ b/stories/useCookie.story.tsx @@ -1,10 +1,10 @@ -import { storiesOf } from "@storybook/react"; -import React, { useState, useEffect } from "react"; -import { useCookie } from "../src"; -import ShowDocs from "./util/ShowDocs"; +import { storiesOf } from '@storybook/react'; +import React, { useState, useEffect } from 'react'; +import { useCookie } from '../src'; +import ShowDocs from './util/ShowDocs'; const Demo = () => { - const [value, updateCookie, deleteCookie] = useCookie("my-cookie"); + const [value, updateCookie, deleteCookie] = useCookie('my-cookie'); const [counter, setCounter] = useState(1); useEffect(() => { @@ -13,7 +13,7 @@ const Demo = () => { const updateCookieHandler = () => { updateCookie(`my-awesome-cookie-${counter}`); - setCounter(c => c + 1); + setCounter((c) => c + 1); }; return ( @@ -26,6 +26,6 @@ const Demo = () => { ); }; -storiesOf("Side effects|useCookie", module) - .add("Docs", () => ) - .add("Demo", () => ); +storiesOf('Side effects/useCookie', module) + .add('Docs', () => ) + .add('Demo', () => ); diff --git a/stories/useCopyToClipboard.story.tsx b/stories/useCopyToClipboard.story.tsx index af9a1b2c..3464adde 100644 --- a/stories/useCopyToClipboard.story.tsx +++ b/stories/useCopyToClipboard.story.tsx @@ -9,7 +9,7 @@ const Demo = () => { return (
- setText(e.target.value)} /> + setText(e.target.value)} /> @@ -29,6 +29,6 @@ const Demo = () => { ); }; -storiesOf('Side-effects|useCopyToClipboard', module) +storiesOf('Side-effects/useCopyToClipboard', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useCounter.story.tsx b/stories/useCounter.story.tsx index dba74c52..cadaf235 100644 --- a/stories/useCounter.story.tsx +++ b/stories/useCounter.story.tsx @@ -35,12 +35,12 @@ const Demo = () => {

Initial value: {initialValue} - - + +
); }; -storiesOf('State|useCounter', module) +storiesOf('State/useCounter', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useCss.story.tsx b/stories/useCss.story.tsx index 1279954c..2e0f4000 100644 --- a/stories/useCss.story.tsx +++ b/stories/useCss.story.tsx @@ -15,6 +15,6 @@ const Demo = () => { return
hello
; }; -storiesOf('UI|useCss', module) +storiesOf('UI/useCss', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useCustomCompareEffect.story.tsx b/stories/useCustomCompareEffect.story.tsx index 6076cf54..3d974a3f 100644 --- a/stories/useCustomCompareEffect.story.tsx +++ b/stories/useCustomCompareEffect.story.tsx @@ -33,6 +33,6 @@ const Demo = () => { ); }; -storiesOf('Lifecycle|useCustomCompareEffect', module) +storiesOf('Lifecycle/useCustomCompareEffect', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useDebounce.story.tsx b/stories/useDebounce.story.tsx index cc588b91..d23cf3fd 100644 --- a/stories/useDebounce.story.tsx +++ b/stories/useDebounce.story.tsx @@ -37,6 +37,6 @@ const Demo = () => { ); }; -storiesOf('Side effects|useDebounce', module) +storiesOf('Side effects/useDebounce', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useDeepCompareEffect.story.tsx b/stories/useDeepCompareEffect.story.tsx index bdad410c..4e1756fa 100644 --- a/stories/useDeepCompareEffect.story.tsx +++ b/stories/useDeepCompareEffect.story.tsx @@ -28,6 +28,6 @@ const Demo = () => { ); }; -storiesOf('Lifecycle|useDeepCompareEffect', module) +storiesOf('Lifecycle/useDeepCompareEffect', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useDefault.story.tsx b/stories/useDefault.story.tsx index 95d4dbe1..cc878fef 100644 --- a/stories/useDefault.story.tsx +++ b/stories/useDefault.story.tsx @@ -11,12 +11,12 @@ const Demo = () => { return (
User: {user.name}
- setUser({ name: e.target.value })} /> + setUser({ name: e.target.value })} />
); }; -storiesOf('State|useDefault', module) +storiesOf('State/useDefault', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useDrop.story.tsx b/stories/useDrop.story.tsx index 43e30830..b7443fca 100644 --- a/stories/useDrop.story.tsx +++ b/stories/useDrop.story.tsx @@ -48,6 +48,6 @@ const Demo = () => { ); }; -storiesOf('UI|useDrop', module) +storiesOf('UI/useDrop', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useDropArea.story.tsx b/stories/useDropArea.story.tsx index a99650da..f99ecd5e 100644 --- a/stories/useDropArea.story.tsx +++ b/stories/useDropArea.story.tsx @@ -51,6 +51,6 @@ const Demo = () => { ); }; -storiesOf('UI|useDropArea', module) +storiesOf('UI/useDropArea', module) .add('Docs', () => ) .add('Default', () => ); diff --git a/stories/useEffectOnce.story.tsx b/stories/useEffectOnce.story.tsx index 6546d627..0d8ac311 100644 --- a/stories/useEffectOnce.story.tsx +++ b/stories/useEffectOnce.story.tsx @@ -16,6 +16,6 @@ const Demo = () => { return ; }; -storiesOf('Lifecycle|useEffectOnce', module) +storiesOf('Lifecycle/useEffectOnce', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useEnsuredForwardedRef.story.tsx b/stories/useEnsuredForwardedRef.story.tsx index 2bd661f6..1ce4ec39 100644 --- a/stories/useEnsuredForwardedRef.story.tsx +++ b/stories/useEnsuredForwardedRef.story.tsx @@ -70,7 +70,7 @@ const Child = forwardRef(({}, ref: MutableRefObject) => { ); }); -storiesOf('Miscellaneous|useEnsuredForwardedRef', module) +storiesOf('Miscellaneous/useEnsuredForwardedRef', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useError.story.tsx b/stories/useError.story.tsx index 6d68d4a9..b5da40b8 100644 --- a/stories/useError.story.tsx +++ b/stories/useError.story.tsx @@ -37,7 +37,7 @@ const Demo = () => { return ; }; -storiesOf('Side effects|useError', module) +storiesOf('Side effects/useError', module) .add('Docs', () => ) .add('Demo', () => ( diff --git a/stories/useEvent.story.tsx b/stories/useEvent.story.tsx index ef3d0f05..3675ad9d 100644 --- a/stories/useEvent.story.tsx +++ b/stories/useEvent.story.tsx @@ -28,6 +28,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useEvent', module) +storiesOf('Sensors/useEvent', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useFavicon.story.tsx b/stories/useFavicon.story.tsx index 3e08996f..1a72d299 100644 --- a/stories/useFavicon.story.tsx +++ b/stories/useFavicon.story.tsx @@ -10,6 +10,6 @@ const Demo = () => { return Favicon should be the Stack Overflow logo; }; -storiesOf('Side effects|useFavicon', module) +storiesOf('Side effects/useFavicon', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useFirstMountState.story.tsx b/stories/useFirstMountState.story.tsx index 97321e48..6e20c681 100644 --- a/stories/useFirstMountState.story.tsx +++ b/stories/useFirstMountState.story.tsx @@ -17,6 +17,6 @@ const Demo = () => { ); }; -storiesOf('State|useFirstMountState', module) +storiesOf('State/useFirstMountState', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useFullscreen.story.tsx b/stories/useFullscreen.story.tsx index 9a62bf7d..7b8ee945 100644 --- a/stories/useFullscreen.story.tsx +++ b/stories/useFullscreen.story.tsx @@ -51,6 +51,6 @@ const Demo = () => { ); }; -storiesOf('UI|useFullscreen', module) +storiesOf('UI/useFullscreen', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useGeolocation.story.tsx b/stories/useGeolocation.story.tsx index c250a80d..088baa53 100644 --- a/stories/useGeolocation.story.tsx +++ b/stories/useGeolocation.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Sensors|useGeolocation', module) +storiesOf('Sensors/useGeolocation', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useGetSet.story.tsx b/stories/useGetSet.story.tsx index bede8212..2d28cdb8 100644 --- a/stories/useGetSet.story.tsx +++ b/stories/useGetSet.story.tsx @@ -26,7 +26,7 @@ const DemoWrong = () => { return ; }; -storiesOf('State|useGetSet', module) +storiesOf('State/useGetSet', module) .add('Docs', () => ) .add('Demo, 1s delay', () => ) .add('DemoWrong, 1s delay', () => ); diff --git a/stories/useGetSetState.story.tsx b/stories/useGetSetState.story.tsx index 016d5839..8f9620d7 100644 --- a/stories/useGetSetState.story.tsx +++ b/stories/useGetSetState.story.tsx @@ -14,6 +14,6 @@ const Demo = () => { return ; }; -storiesOf('State|useGetSetState', module) +storiesOf('State/useGetSetState', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useHarmonicIntervalFn.story.tsx b/stories/useHarmonicIntervalFn.story.tsx index 3d273a48..0a9eba1a 100644 --- a/stories/useHarmonicIntervalFn.story.tsx +++ b/stories/useHarmonicIntervalFn.story.tsx @@ -6,7 +6,7 @@ import ShowDocs from './util/ShowDocs'; const Clock: React.FC<{ useInt: typeof useHarmonicIntervalFn }> = ({ useInt }) => { const [count, setCount] = React.useState(0); useInt(() => { - setCount(cnt => cnt + 1); + setCount((cnt) => cnt + 1); }, 1000); let m: number | string = Math.floor(count / 60); @@ -54,7 +54,7 @@ const Demo: React.FC<{ useInt: typeof useHarmonicIntervalFn }> = ({ useInt }) => ); }; -storiesOf('Animation|useHarmonicIntervalFn', module) +storiesOf('Animation/useHarmonicIntervalFn', module) .add('Docs', () => ) .add('Demo', () => ( <> diff --git a/stories/useHash.story.tsx b/stories/useHash.story.tsx index ad21c823..77ce0d2a 100644 --- a/stories/useHash.story.tsx +++ b/stories/useHash.story.tsx @@ -18,12 +18,12 @@ const Demo = () => {
Edit hash:
- setHash(e.target.value)} /> + setHash(e.target.value)} />
); }; -storiesOf('Sensors|useHash', module) +storiesOf('Sensors/useHash', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useHover.story.tsx b/stories/useHover.story.tsx index fbd2f23d..5bf4b791 100644 --- a/stories/useHover.story.tsx +++ b/stories/useHover.story.tsx @@ -15,6 +15,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useHover', module) +storiesOf('Sensors/useHover', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useHoverDirty.story.tsx b/stories/useHoverDirty.story.tsx index 26917171..9a28a86a 100644 --- a/stories/useHoverDirty.story.tsx +++ b/stories/useHoverDirty.story.tsx @@ -11,6 +11,6 @@ const Demo = () => { return
{isHovered ? '😁' : '☚ī¸'}
; }; -storiesOf('Sensors|useHoverDirty', module) +storiesOf('Sensors/useHoverDirty', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useIdle.story.tsx b/stories/useIdle.story.tsx index 6af0b397..2339b7e0 100644 --- a/stories/useIdle.story.tsx +++ b/stories/useIdle.story.tsx @@ -15,6 +15,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useIdle', module) +storiesOf('Sensors/useIdle', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useInterval.story.tsx b/stories/useInterval.story.tsx index 1c963f65..608ea67b 100644 --- a/stories/useInterval.story.tsx +++ b/stories/useInterval.story.tsx @@ -18,7 +18,7 @@ const Demo = () => { return (
- delay: setDelay(Number(event.target.value))} /> + delay: setDelay(Number(event.target.value))} />

count: {count}

@@ -28,6 +28,6 @@ const Demo = () => { ); }; -storiesOf('Animation|useInterval', module) +storiesOf('Animation/useInterval', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useIsomorphicLayoutEffect.story.tsx b/stories/useIsomorphicLayoutEffect.story.tsx index fdced9cd..c408aede 100644 --- a/stories/useIsomorphicLayoutEffect.story.tsx +++ b/stories/useIsomorphicLayoutEffect.story.tsx @@ -2,6 +2,6 @@ import { storiesOf } from '@storybook/react'; import * as React from 'react'; import ShowDocs from './util/ShowDocs'; -storiesOf('Lifecycle|useIsomorphicLayoutEffect', module).add('Docs', () => ( +storiesOf('Lifecycle/useIsomorphicLayoutEffect', module).add('Docs', () => ( )); diff --git a/stories/useKeyPress.story.tsx b/stories/useKeyPress.story.tsx index 55ae8eb2..ada4d3bc 100644 --- a/stories/useKeyPress.story.tsx +++ b/stories/useKeyPress.story.tsx @@ -23,6 +23,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useKeyPress', module) +storiesOf('Sensors/useKeyPress', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useKeyboardJs.story.tsx b/stories/useKeyboardJs.story.tsx index 65f218f2..1556b464 100644 --- a/stories/useKeyboardJs.story.tsx +++ b/stories/useKeyboardJs.story.tsx @@ -22,7 +22,7 @@ const Demo = ({ combo }) => { ); }; -storiesOf('Sensors|useKeyboardJs', module) +storiesOf('Sensors/useKeyboardJs', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useLatest.story.tsx b/stories/useLatest.story.tsx index 642e331c..74f94950 100644 --- a/stories/useLatest.story.tsx +++ b/stories/useLatest.story.tsx @@ -23,6 +23,6 @@ const Demo = () => { ); }; -storiesOf('State|useLatest', module) +storiesOf('State/useLatest', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useLifecycles.story.tsx b/stories/useLifecycles.story.tsx index 0c02a9c7..3437498a 100644 --- a/stories/useLifecycles.story.tsx +++ b/stories/useLifecycles.story.tsx @@ -11,6 +11,6 @@ const Demo = () => { return null; }; -storiesOf('Lifecycle|useLifecycles', module) +storiesOf('Lifecycle/useLifecycles', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useList.story.tsx b/stories/useList.story.tsx index 29bb1e75..7058a013 100644 --- a/stories/useList.story.tsx +++ b/stories/useList.story.tsx @@ -24,11 +24,13 @@ const Demo = () => {

- +
- +
-
@@ -62,7 +64,7 @@ const UpsertDemo = () => {
{list.map((item, index) => (
- upsert(upsertPredicate, { ...item, text: e.target.value })} /> + upsert(upsertPredicate, { ...item, text: e.target.value })} />
))} @@ -72,7 +74,7 @@ const UpsertDemo = () => { ); }; -storiesOf('State|useList', module) +storiesOf('State/useList', module) .add('Docs', () => ) .add('Demo', () => ) .add('Upsert Demo', () => ); diff --git a/stories/useLocalStorage.story.tsx b/stories/useLocalStorage.story.tsx index f246c960..e5c44670 100644 --- a/stories/useLocalStorage.story.tsx +++ b/stories/useLocalStorage.story.tsx @@ -22,6 +22,6 @@ const Demo = () => { ); }; -storiesOf('Side effects|useLocalStorage', module) +storiesOf('Side effects/useLocalStorage', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useLocation.story.tsx b/stories/useLocation.story.tsx index d981d338..9134534e 100644 --- a/stories/useLocation.story.tsx +++ b/stories/useLocation.story.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { useLocation } from '../src'; import ShowDocs from './util/ShowDocs'; -const go = page => history.pushState({}, '', page); +const go = (page) => history.pushState({}, '', page); const Demo = () => { const state = useLocation(); @@ -17,6 +17,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useLocation', module) +storiesOf('Sensors/useLocation', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useLockBodyScroll.story.tsx b/stories/useLockBodyScroll.story.tsx index 2034434f..76e916f8 100644 --- a/stories/useLockBodyScroll.story.tsx +++ b/stories/useLockBodyScroll.story.tsx @@ -53,7 +53,7 @@ const IframeComponent = () => { ); }; -storiesOf('Side effects|useLockBodyScroll', module) +storiesOf('Side effects/useLockBodyScroll', module) .add('Docs', () => ) .add('Demo', () => ) .add('Two hooks on page', () => ( diff --git a/stories/useLogger.story.tsx b/stories/useLogger.story.tsx index d555abb3..14026495 100644 --- a/stories/useLogger.story.tsx +++ b/stories/useLogger.story.tsx @@ -4,7 +4,7 @@ import * as React from 'react'; import { useCounter, useLogger } from '../src'; import ShowDocs from './util/ShowDocs'; -const Demo = props => { +const Demo = (props) => { const [state, { inc }] = useCounter(0); useLogger('Demo', props, state); @@ -17,7 +17,7 @@ const Demo = props => { ); }; -storiesOf('Lifecycle|useLogger', module) +storiesOf('Lifecycle/useLogger', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useLongPress.story.tsx b/stories/useLongPress.story.tsx index 184d3e05..8117a71e 100644 --- a/stories/useLongPress.story.tsx +++ b/stories/useLongPress.story.tsx @@ -17,6 +17,6 @@ const Demo = () => { return ; }; -storiesOf('Sensors|useLongPress', module) +storiesOf('Sensors/useLongPress', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMap.story.tsx b/stories/useMap.story.tsx index f2c13ef6..3654647a 100644 --- a/stories/useMap.story.tsx +++ b/stories/useMap.story.tsx @@ -20,6 +20,6 @@ const Demo = () => { ); }; -storiesOf('State|useMap', module) +storiesOf('State/useMap', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMeasure.story.tsx b/stories/useMeasure.story.tsx index 75a8a24c..4cc898a2 100644 --- a/stories/useMeasure.story.tsx +++ b/stories/useMeasure.story.tsx @@ -16,6 +16,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useMeasure', module) +storiesOf('Sensors/useMeasure', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMedia.story.tsx b/stories/useMedia.story.tsx index b2c37f34..6ba13830 100644 --- a/stories/useMedia.story.tsx +++ b/stories/useMedia.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return
Screen is wide: {isWide ? 'Yes' : 'No'}
; }; -storiesOf('Sensors|useMedia', module) +storiesOf('Sensors/useMedia', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMediaDevices.story.tsx b/stories/useMediaDevices.story.tsx index 80f2ca73..16a6bf74 100644 --- a/stories/useMediaDevices.story.tsx +++ b/stories/useMediaDevices.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Sensors|useMediaDevices', module) +storiesOf('Sensors/useMediaDevices', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMediatedState.story.tsx b/stories/useMediatedState.story.tsx index 01935d7f..2349caaf 100644 --- a/stories/useMediatedState.story.tsx +++ b/stories/useMediatedState.story.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { useMediatedState } from '../src/useMediatedState'; import ShowDocs from './util/ShowDocs'; -const inputMediator = s => s.replace(/[\s]+/g, ' '); +const inputMediator = (s) => s.replace(/[\s]+/g, ' '); const Demo = () => { const [state, setState] = useMediatedState(inputMediator, ''); @@ -23,6 +23,6 @@ const Demo = () => { ); }; -storiesOf('State|useMediatedState', module) +storiesOf('State/useMediatedState', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMethods.story.tsx b/stories/useMethods.story.tsx index 8104297c..3798773d 100644 --- a/stories/useMethods.story.tsx +++ b/stories/useMethods.story.tsx @@ -33,6 +33,6 @@ const Demo = () => { ); }; -storiesOf('State|useMethods', module) +storiesOf('State/useMethods', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMotion.story.tsx b/stories/useMotion.story.tsx index 0ca11ef1..c936cc20 100644 --- a/stories/useMotion.story.tsx +++ b/stories/useMotion.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Sensors|useMotion', module) +storiesOf('Sensors/useMotion', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMount.story.tsx b/stories/useMount.story.tsx index 2d7be0c3..95508b49 100644 --- a/stories/useMount.story.tsx +++ b/stories/useMount.story.tsx @@ -13,6 +13,6 @@ const Demo = () => { ); }; -storiesOf('Lifecycle|useMount', module) +storiesOf('Lifecycle/useMount', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMountedState.story.tsx b/stories/useMountedState.story.tsx index ce144da2..d90d4fb2 100644 --- a/stories/useMountedState.story.tsx +++ b/stories/useMountedState.story.tsx @@ -12,6 +12,6 @@ const Demo = () => { return
This component is {isMounted() ? 'MOUNTED' : 'NOT MOUNTED'}
; }; -storiesOf('Lifecycle|useMountedState', module) +storiesOf('Lifecycle/useMountedState', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMouse.story.tsx b/stories/useMouse.story.tsx index ac8ed16f..705b8a4d 100644 --- a/stories/useMouse.story.tsx +++ b/stories/useMouse.story.tsx @@ -37,6 +37,6 @@ const Demo: React.FC = () => { ); }; -storiesOf('Sensors|useMouse', module) +storiesOf('Sensors/useMouse', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMouseHovered.story.tsx b/stories/useMouseHovered.story.tsx index 946678f4..6ab7b274 100644 --- a/stories/useMouseHovered.story.tsx +++ b/stories/useMouseHovered.story.tsx @@ -38,7 +38,7 @@ const Demo: React.FC = ({ whenHovered, bound }) => { ); }; -storiesOf('Sensors|useMouseHovered', module) +storiesOf('Sensors/useMouseHovered', module) .addDecorator(withKnobs) .add('Docs', () => ) .add('Demo', () => { diff --git a/stories/useMouseWheel.story.tsx b/stories/useMouseWheel.story.tsx index 7a6c0989..d5af90ea 100644 --- a/stories/useMouseWheel.story.tsx +++ b/stories/useMouseWheel.story.tsx @@ -4,7 +4,7 @@ import { useMouseWheel } from '../src'; import ShowDocs from './util/ShowDocs'; const Demo: React.FC = () => { - const mouseWheel = useMouseWheel() + const mouseWheel = useMouseWheel(); return ( <>

delta Y Scrolled: {mouseWheel}

@@ -12,6 +12,6 @@ const Demo: React.FC = () => { ); }; -storiesOf('Sensors|useMouseWheel', module) +storiesOf('Sensors/useMouseWheel', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useMultiStateValidator.story.tsx b/stories/useMultiStateValidator.story.tsx index 795c2fd5..200af677 100644 --- a/stories/useMultiStateValidator.story.tsx +++ b/stories/useMultiStateValidator.story.tsx @@ -46,6 +46,6 @@ const Demo = () => { ); }; -storiesOf('State|useMultiStateValidator', module) +storiesOf('State/useMultiStateValidator', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useNetwork.story.tsx b/stories/useNetwork.story.tsx index 9f25a1ce..5a9f3614 100644 --- a/stories/useNetwork.story.tsx +++ b/stories/useNetwork.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Sensors|useNetwork', module) +storiesOf('Sensors/useNetwork', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useObservable.story.tsx b/stories/useObservable.story.tsx index b5e9845e..810cccd7 100644 --- a/stories/useObservable.story.tsx +++ b/stories/useObservable.story.tsx @@ -11,6 +11,6 @@ const Demo = () => { return ; }; -storiesOf('State|useObservable', module) +storiesOf('State/useObservable', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useOrientation.story.tsx b/stories/useOrientation.story.tsx index b295a324..807f79cb 100644 --- a/stories/useOrientation.story.tsx +++ b/stories/useOrientation.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Sensors|useOrientation', module) +storiesOf('Sensors/useOrientation', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/usePageLeave.story.tsx b/stories/usePageLeave.story.tsx index bf250fb8..9de3c8af 100644 --- a/stories/usePageLeave.story.tsx +++ b/stories/usePageLeave.story.tsx @@ -14,6 +14,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|usePageLeave', module) +storiesOf('Sensors/usePageLeave', module) .add('Docs', () => ) .add('Default', () => ); diff --git a/stories/usePermission.story.tsx b/stories/usePermission.story.tsx index 6bb766da..1cf14818 100644 --- a/stories/usePermission.story.tsx +++ b/stories/usePermission.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('Side effects|usePermission', module) +storiesOf('Side effects/usePermission', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/usePrevious.story.tsx b/stories/usePrevious.story.tsx index 81389339..982b3db9 100644 --- a/stories/usePrevious.story.tsx +++ b/stories/usePrevious.story.tsx @@ -12,12 +12,12 @@ const Demo = () => {

Now: {count}, before: {String(prevCount)}

- - + +
); }; -storiesOf('State|usePrevious', module) +storiesOf('State/usePrevious', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/usePreviousDistinct.story.tsx b/stories/usePreviousDistinct.story.tsx index e80408c4..a35c1fae 100644 --- a/stories/usePreviousDistinct.story.tsx +++ b/stories/usePreviousDistinct.story.tsx @@ -18,6 +18,6 @@ const Demo = () => { ); }; -storiesOf('State|usePreviousDistinct', module) +storiesOf('State/usePreviousDistinct', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/usePromise.story.tsx b/stories/usePromise.story.tsx index f53a6fb6..5fdb0c2b 100644 --- a/stories/usePromise.story.tsx +++ b/stories/usePromise.story.tsx @@ -18,7 +18,7 @@ const DemoInner = ({ promise }) => { const Demo = () => { const [mounted, toggleMounted] = useBoolean(true); const [num, { inc }] = useNumber(); - const promise = new Promise(r => setTimeout(() => r(num), 1_000)); + const promise = new Promise((r) => setTimeout(() => r(num), 1_000)); return (
@@ -31,6 +31,6 @@ const Demo = () => { ); }; -storiesOf('Lifecycle|usePromise', module) +storiesOf('Lifecycle/usePromise', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useQueue.story.tsx b/stories/useQueue.story.tsx index 935bad25..bbb21fb8 100644 --- a/stories/useQueue.story.tsx +++ b/stories/useQueue.story.tsx @@ -18,6 +18,6 @@ const Demo = () => { ); }; -storiesOf('State|useQueue', module) +storiesOf('State/useQueue', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useRaf.story.tsx b/stories/useRaf.story.tsx index 2145d3df..93a266c0 100644 --- a/stories/useRaf.story.tsx +++ b/stories/useRaf.story.tsx @@ -9,6 +9,6 @@ const Demo = () => { return
Elapsed: {frames}
; }; -storiesOf('Animation|useRaf', module) +storiesOf('Animation/useRaf', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useRafLoop.story.tsx b/stories/useRafLoop.story.tsx index 0f860c8a..5ad1cd2a 100644 --- a/stories/useRafLoop.story.tsx +++ b/stories/useRafLoop.story.tsx @@ -9,7 +9,7 @@ const Demo = () => { const update = useUpdate(); const [loopStop, loopStart, isActive] = useRafLoop((time) => { - setTicks(ticks => ticks + 1); + setTicks((ticks) => ticks + 1); setLastCall(time); }); @@ -18,14 +18,18 @@ const Demo = () => {
RAF triggered: {ticks} (times)
Last high res timestamp: {lastCall}

- +
); }; -storiesOf('Side effects|useRafLoop', module) +storiesOf('Side effects/useRafLoop', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useRafState.story.tsx b/stories/useRafState.story.tsx index d683d261..e462029b 100644 --- a/stories/useRafState.story.tsx +++ b/stories/useRafState.story.tsx @@ -26,6 +26,6 @@ const Demo = () => { return 
{JSON.stringify(state, null, 2)}
; }; -storiesOf('State|useRafState', module) +storiesOf('State/useRafState', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useRendersCount.story.tsx b/stories/useRendersCount.story.tsx index 5e21c742..9efcc4b7 100644 --- a/stories/useRendersCount.story.tsx +++ b/stories/useRendersCount.story.tsx @@ -17,6 +17,6 @@ const Demo = () => { ); }; -storiesOf('State|useRendersCount', module) +storiesOf('State/useRendersCount', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useSearchParam.story.tsx b/stories/useSearchParam.story.tsx index ff47362b..9a20240b 100644 --- a/stories/useSearchParam.story.tsx +++ b/stories/useSearchParam.story.tsx @@ -26,6 +26,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useSearchParam', module) +storiesOf('Sensors/useSearchParam', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useSessionStorage.story.tsx b/stories/useSessionStorage.story.tsx index fb6a96fc..a75b6f62 100644 --- a/stories/useSessionStorage.story.tsx +++ b/stories/useSessionStorage.story.tsx @@ -15,6 +15,6 @@ const Demo = () => { ); }; -storiesOf('Side effects|useSessionStorage', module) +storiesOf('Side effects/useSessionStorage', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useSet.story.tsx b/stories/useSet.story.tsx index f1b5e050..82c298ad 100644 --- a/stories/useSet.story.tsx +++ b/stories/useSet.story.tsx @@ -19,6 +19,6 @@ const Demo = () => { ); }; -storiesOf('State|useSet', module) +storiesOf('State/useSet', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useSetState.story.tsx b/stories/useSetState.story.tsx index 66e56362..1436c362 100644 --- a/stories/useSetState.story.tsx +++ b/stories/useSetState.story.tsx @@ -13,7 +13,7 @@ const Demo = () => { +

Updated: {didUpdate}

); }; -storiesOf('Lifecycle|useUpdateEffect', module) +storiesOf('Lifecycle/useUpdateEffect', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useUpsert.story.tsx b/stories/useUpsert.story.tsx index 2da8035b..d50c5021 100644 --- a/stories/useUpsert.story.tsx +++ b/stories/useUpsert.story.tsx @@ -23,7 +23,7 @@ const Demo = () => {
{list.map((item: DemoType, index: number) => (
- upsert({ ...item, text: e.target.value })} /> + upsert({ ...item, text: e.target.value })} />
))} @@ -33,6 +33,6 @@ const Demo = () => { ); }; -storiesOf('State|useUpsert', module) +storiesOf('State/useUpsert', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useVibrate.story.tsx b/stories/useVibrate.story.tsx index 5d363eb2..7db8fe6b 100644 --- a/stories/useVibrate.story.tsx +++ b/stories/useVibrate.story.tsx @@ -15,6 +15,6 @@ const Demo = () => { ); }; -storiesOf('UI|useVibrate', module) +storiesOf('UI/useVibrate', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useVideo.story.tsx b/stories/useVideo.story.tsx index e2322571..d85fd67d 100644 --- a/stories/useVideo.story.tsx +++ b/stories/useVideo.story.tsx @@ -28,6 +28,6 @@ const Demo = () => { ); }; -storiesOf('UI|useVideo', module) +storiesOf('UI/useVideo', module) .add('Docs', () => ) .add('Demo', () => ); diff --git a/stories/useWindowSize.story.tsx b/stories/useWindowSize.story.tsx index b91829a0..663b483a 100644 --- a/stories/useWindowSize.story.tsx +++ b/stories/useWindowSize.story.tsx @@ -14,6 +14,6 @@ const Demo = () => { ); }; -storiesOf('Sensors|useWindowSize', module) +storiesOf('Sensors/useWindowSize', module) .add('Docs', () => ) .add('Demo', () => );