Add reading time field to a custom sidebar

reading-time-sidebar.js

import { registerPlugin } from "@wordpress/plugins";
import { PluginSidebarMoreMenuItem, PluginSidebar } from "@wordpress/edit-post";
import { TextControl } from "@wordpress/components";

import { useReadingTime } from "./reading-time-hooks.js";

const name = "reading-time-sidebar";

registerPlugin(
  "reading-time",
  {
    render: ()=> {
      const [value, setValue] = useReadingTime();
      return <>
        
        <PluginSidebarMoreMenuItem 
          target={name}
          >
             Reading time
        </PluginSidebarMoreMenuItem>
      
        <PluginSidebar 
          name={name}
          title="Reading time"
          >
          <TextControl
            label="Estimated time in minutes"
            onChange={setValue}
            value={value}
          />
        </PluginSidebar>
      </>
    }
  }
);