usePermissions.jsx

import { useEffect, useState } from 'react'

function usePermissions () {
  const [permission, setPermission] = useState({})

  const getPermissions = useCallback(() => {
    fetch('....', { ...headers })
      .then(data => data.json())
      .then(permissions => setPermission({ ...permissions.response })
      .catch(err => // do something with the error)
  }, [])

  useEffect(getPermissions, [getPermissions])


  return [permission]
}


const View = () => {
  const [permissions] = usePermissions()

  return (
    <React.Fragment>
      {permissions.delete && <button>Eliminar</button>}
      {permissions.edit && <button>Editar</button>}
    </React.Fragment>
  )
}