title: Select box not resetting - React JS
body: <p>This might be pretty basic but i am not able to find out what is wrong here. I have a react form in which i am using a custom select box to list the students. I want to clear the selection when <code>isChecked</code> is set to false.</p>
  <pre><code> let studentId = watch(&quot;std.id&quot;); // is of type number
        
  &lt;Select
   name=&quot;std.id&quot;
   placeholder=&quot;Select Students&quot;
   registerResult={register(&quot;std.id&quot;)}
   list={studentList}
   disabled={!isChecked}
  /&gt; 
  </code></pre>
  <p>I tried emptying with <code>&quot;&quot;</code> the value also tried assigning it to <code>null</code> like below, but didnt work. can anyone tell me why is it not resetting?</p>
  <pre><code>if(!isChecked){
    studentId = null;  //Select box still shows the selected value even after this
  }
  
          
  </code></pre>