How to stop Kendo React PanelBar from collapsing on typing in a child component?

Question

import { useState } from "react";
import { PanelBar, PanelBarUtils } from "@progress/kendo-react-layout";

const Component=()=>{
const [value, setValue]=useSate("");
const PanalBarItems= PanelBarUtils.mapItemsToComponents([
        {
            title: "Item1",
            content:<div>
               <input value={value} onChange={(e)=>{setValue(e.value)}} />
            </div>
            uniquePrivateKey: "Item1" ,
            parentUniquePrivateKey: "PanelBar",
        },
]);
return (<PanelBar key={'PanelBar'} children={MetaDataTab} />)
}

export default Component;

Whenever i try to type in input field PanelBar collapses, i dont want it to collapse and want to continue typing. i have tried many ways listed on kendo react