Gist for my tutorial: Building a Gutenberg sidebar plugin Part 4: Adding form components. https://vanaf1979.nl/building-a-gutenberg-sidebar-plugin-part-4-adding-form-components/

browserTitleField-all.js

class BrowserTitleField extends React.Component {
    
    ...

    render() {

        return (

            <div className="metatags-browser-title-field">

                <TextControl
                    label={__("Brwoser title", "metatags")}
                    value={this.props.metaFieldValue}
                    onChange={this.props.setMetaFieldValue}
                />

            </div>

        )

    }

}