eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
24 lines
724 B
TypeScript
24 lines
724 B
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useCallback, useState } from 'react';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
import { useIsMountedRef } from './useIsMountedRef.js';
|
|
|
|
function useIncrementImpl (defaultValue = 1): [number, () => void, (value: number) => void] {
|
|
const mountedRef = useIsMountedRef();
|
|
const [value, setValue] = useState(defaultValue);
|
|
|
|
const increment = useCallback(
|
|
(): void => {
|
|
mountedRef.current && setValue((value: number) => ++value);
|
|
},
|
|
[mountedRef]
|
|
);
|
|
|
|
return [value, increment, setValue];
|
|
}
|
|
|
|
export const useIncrement = createNamedHook('useIncrement', useIncrementImpl);
|