The hook which allows you to use ActionJSON to perform actual actions on the backend. Base on the action type and parameters (like ActionJSON.guard) it behaves differently.

Usage

import { useAction } from 'admin-bro'
import { Button } from '@admin-bro/design-system'

const myComponent = ({ action }) => {
  const { href, handleClick } = useAction(action, {
    resourceId, recordId, recordIds,
  }, actionPerformed)

  return (
    <Button as="a" onClick={handleClick} href={href}>Click this action</Button>
  )
}