example of how to use an effect only once even though strict mode remounts the component

App.js

import React from 'react'
import {useState, useEffect, useRef} from 'react'

function App() {
  const [ques, setQues] = useState([])
  const gettingQuiz = useRef(false)
  const getQuiz = async ()=>{
    gettingQuiz.current = true
    const url = "https://opentdb.com/api.php?amount=10"
    const res = await fetch(url)
    const data = await res.json()
    console.log(data.results[0])
    setQues(data.results)
  }
  
 useEffect(()=>{
   !gettingQuiz.current && getQuiz()
 },[])

  return (
    <div>App</div>
  )
}

export default App