useE2EMock hook

useE2EMock.ts

import { useLocation } from 'react-router'
import { parse } from 'qs'
import { useEffect, useRef } from 'react'

interface Params {
  refetch: () => void
  shouldSkip?: boolean
}

export const useE2EMock = ({ refetch, shouldSkip = false }: Params): void => {
  const { search } = useLocation()
  const queryParams = parse(search, { ignoreQueryPrefix: true })
  const isMounted = useRef(false)
  const isE2EMock = queryParams?.e2emock === 'true'

  useEffect(() => {
    if (!isMounted.current && isE2EMock && !shouldSkip) {
      isMounted.current = true
      console.log('refetch')
      refetch()
    }
  })
}