Should the prop form also be given to the <input /> created by giving the prop name?

[MustThinkOfAName]

Hey everyone!

I'm currently using the react-select within forms (instead of using the onChange prop).
When using the prop name, an is created with the name of the Select, as well as its value. I also want to give it a form prop. Is that possible?

So far, giving it the form prop, attributes it to another input that does not contain the value of the select input.

Here is an example:

  <span id="react-select-7-live-region" class="css-1f43avz-a11yText-A11yText"></span>
  <span aria-live="polite" aria-atomic="false" aria-relevant="additions text" class="css-1f43avz-a11yText-A11yText"></span>
  <div class=" css-13cymwt-control">
    <div class=" css-1fdsijx-ValueContainer">
      <div class=" css-1dimb5e-singleValue">My input</div>
      <div class=" css-qbdosj-Input" data-value="">

        <!-- HERE is the input that's generated nonetheless if a name prop is given, that does contain the form prop  but whose value is never set -->
        <input class="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px none; margin: 0px; outline: 0px; padding: 0px;" autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-7-input" spellcheck="false" tabindex="0" form="224" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" value="">


      </div>
    </div>
    <div class=" css-1hb7zxy-IndicatorsContainer">
      <div class=" css-1xc3v61-indicatorContainer" aria-hidden="true">
        <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
          <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
        </svg>
      </div>
      <span class=" css-1u9des2-indicatorSeparator"></span>
      <div class=" css-1xc3v61-indicatorContainer" aria-hidden="true">
        <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
          <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path>
        </svg>
      </div>
    </div>
  </div>


        <!-- HERE is the input that's generated when a name prop is given, that does contain the value but not the form prop. -->
  <input name="myInput" type="hidden" value="1">

</div>```

Is there a way to have an input that would have the name, form and value attributes?

Thank you in advance for your help!