useRandom.js

import { useState } from 'react'

const useRandom = (min = 0, max = Number.MAX_SAFE_INTEGER) => {
  const [value, setValue] = useState(undefined)

  const rand = () => {
    setValue(Math.floor(Math.random() * max) + min)
  }

  if (value === undefined) rand()

  return [value, rand]
}

export default useRandom

usage

import React from 'react'
import useRandom from './useRandom'

const Dice = ({ faces }) => {
  const [value, rand] = useRandom(1, faces)

  return (
    <button onClick={rand}>
      Je suis un dés à {faces} faces.<br />
      Ma valeur est : {value}
    </button>
  )
}

export default Dice