@snappmarket/use-force-update v0.2.5

useForceUpdate

👿 force update component

get started

We provide two way of using this package single or multi :

npm i @snappmarket/use-force-update
OR
npm i @snappmarket/hooks

usage

import useForceUpdate from '@snappmarket/use-force-update';
// or 
// import { useForceUpdate } from '@snappmarket/hooks';


const MyComponenet = props => {
  const forceUpdate = useForceUpdate(null);

  const handleSomeThing = () => {
    // do some thing
    forceUpdate();
  };

  return (<div>meow 🐱‍</div>)
};

source code

import { useState, useCallback } from 'react';

/**
 * Force component re-render
 * @returns {Function}
 */
export default function useForceUpdate() {
  const [, setTick] = useState(0);
  return useCallback(() => {
    setTick(tick => tick + 1);
  }, []);
}