Create WordPress Sidebar Plugin for meta fields

MetaSidebar.js

import { __ } from "@wordpress/i18n";
import { PanelBody } from "@wordpress/components";
import { PluginSidebar } from "@wordpress/edit-post";
import { key } from "@wordpress/icons";
import { registerPlugin } from "@wordpress/plugins";
import { TextControl, CheckboxControl } from "@wordpress/components";

import { useSelect, useDispatch } from "@wordpress/data";
const SideBar = () => {
	const { meta_one, meta_two } = useSelect((select) =>
		select("core/editor").getEditedPostAttribute("meta")
	);
  
	const { editPost } = useDispatch("core/editor", [
		meta_one, 
    meta_two
	]);
	return (
		<PluginSidebar
			name="plugin-name"
			title={__("Plugin Title")}
			icon={key}
		>
			<PanelBody>
				<TextControl
					label={"Meta One"}
					value={meta_one}
					onChange={(newValue) => {
            					editPost({
							meta: {
								meta_one: newValue,
								meta_two,
							},
						});
					}}
				/>
			</PanelBody>
		</PluginSidebar>
	);
};

registerPlugin("plugin-name", {
	render: SideBar,
});