In my ReactJS development, I have successfully added Bootstrap panel toggle functionality. However, I encountered an issue when deploying the React build code - the panel is not expanding. After investigating, I realized that the problem lies in using href="#panl" in the code. How can I resolve this issue?
render() {
return <div>
<a data-toggle="collapse" href="#panl">Testing</a>
<div className="panel-collapse collapse section-two" id="pan1">
<h1>Here is contant of the panel</h1>
</div>
</div>
}