useCsrfToken hook for csrf token stored in meta of document

fetchCsrfTooken.ts

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

export function useCsrfToken(cookie: boolean = true): [string, (string) => void] {
  const head = useRef(document.head)
  const [csrfToken, setCsrfToken] = useState<string>('')

  function updateCsrfToken (newToken) {
    head.current.getElementsByTagName('meta')['csrf-token'].content = newToken
    setCsrfToken(newToken)
  }

  useEffect(() => {
    const token = cookie
      ? document.cookie.match(/XSRF-TOKEN=([^;]+);/)[1]
      : head.current.getElementsByTagName('meta')['csrf-token'].content

    setCsrfToken(token)
  }, [csrfToken])

  return [csrfToken, updateCsrfToken]
}