CornfirmPublish.js

import React, {useState} from "react"
import { PublishAction } from 'part:@sanity/base/document-actions';

const ConfirmDialog = ({onClick, onCancel}) => {
  return (
    <>
    <button onClick={onClick}>Yes</button>
    <button onClick={onCancel}>Cancel</button>
    </>
  )
}

export default function CornfirmPublish(props) {
  const [showDialog, setShowDialog] = useState(false)
  
  const publishAction = PublishAction(props)
  
  const onConfirm = () => {
    publishAction.onHandle()
    setShowDialog(false)
  }

  return {
    // If built-in publish is enabled, we are enabled
    disabled: publishAction.disabled,
    dialog: showDialog && {
      type: 'popover',
      content: <ConfirmDialog onClick={onConfirm} onCancel={() => setShowDialog(false)}/>,
    },
    label: "Confirm publish",
    onHandle: () => setShowDialog(true),
  };
}