如何保存放置在PluginDocumentSettingPanel中的复选框的状态

function my_plugin_init() {
    register_meta( 'post', 'my_checkbox_field', array(
        'type' => 'boolean',
        'single' => true,
        'show_in_rest' => true,
    ) );
}
add_action( 'init', 'my_plugin_init' );

const { PluginDocumentSettingPanel } = wp.editPost;
const { useSelect, useDispatch } = wp.data;

function MyPluginDocumentSettingPanel() {
    const meta = useSelect( ( select ) => {
        return select( 'core/editor' ).getEditedPostAttribute( 'meta' );
    } );
    const { editPost } = useDispatch( 'core/editor' );

    const onChangeCheckbox = ( newValue ) => {
        editPost( { meta: { my_checkbox_field: newValue } } );
    };

    return (
        <PluginDocumentSettingPanel
            name="my-plugin-panel"
            title="My Plugin Settings"
            className="my-plugin-panel"
        >
            <label>
                <input
                    type="checkbox"
                    checked={ meta.my_checkbox_field || false }
                    onChange={ ( e ) => onChangeCheckbox( e.target.checked ) }
                />
                Enable Option
            </label>
        </PluginDocumentSettingPanel>
    );
}

wp.plugins.registerPlugin( 'my-plugin-document-panel', {
    render: MyPluginDocumentSettingPanel,
} );

const onChangeCheckbox = ( newValue ) => {
    editPost( { meta: { my_checkbox_field: newValue } } );
    wp.data.dispatch( 'core/editor' ).savePost();
};