Reactjs 如何使用React with typescript编辑grafana默认模板

我正在开发grafana面板插件，需要完成以下要求

在创建了基本插件模板以及从何处开始之后，我感到很困惑。以下是要求

在React组件上创建输入搜索字段

当用户在搜索字段中输入字符时，它将调用api（/xyz）并在页面底部显示结果

是github repo for default grafana面板插件的链接

请在上面的指导

多谢各位