A way to make fields required in WordPress Gutenberg

usage.js

useRequiredField(
  'label',
  __('You need to enter a label to save the post.', TEXTDOMAIN),
  label && label.length > 0,
);

use-required-field.js

import { useEffect, useCallback } from "@wordpress/element";
import { dispatch, useDispatch } from "@wordpress/data";
import { store: noticesStore } from "@wordpress/notices";

export const useRequiredField = (field, message, isValid) => {
  const { createErrorNotice, removeNotice } = useDispatch(noticesStore);
  const { lockPostSaving, unlockPostSaving } = dispatch('core/editor');

  const createNotice = useCallback(() => {
    createErrorNotice(message, {
      id: `${field}-empty`,
      isDismissible: false,
    });
  }, [field, message, createErrorNotice]);

  useEffect(() => {
    if (!isValid) {
      lockPostSaving(`${field}_lock`);
      createNotice();
      return;
    }

    removeNotice(`${field}-empty`);

    unlockPostSaving(`${field}_lock`);
  }, [field, isValid, lockPostSaving, unlockPostSaving, createNotice, removeNotice]);
};