useState bails out if next value is same as previous one, this is how we can forceUpdate the Component

forceupdate.js

import React, { useReducer } from 'react';

function Component() {
  const [ignored, forceUpdate] = useReducer(x => x + 1, 0);
  
  function handleClick() {
    forceUpdate();
  }
  
  return (
    <div>
      {Math.random()}
      <br />
      <button onClick={handleClick}>Force Update</button>
    </div>
  )
}