title: Edit multi select input in react-admin for one-to-many or many-to-many relationship?
body: <p>What is the current "out-of-the-box" way for editing many-to-many relationships in react-admin?</p>
  
  <p>More specifically, is there any way to SelectArrayInput or AutoCompleteArrayInput over a referenced table?</p>
  
  <p>My first table is <code>stream</code>
  <a href="https://i.stack.imgur.com/3ri9i.png" rel="noreferrer">stream table</a></p>
  
  <p>My second table is <code>subject</code>
  <a href="https://i.stack.imgur.com/08fsA.png" rel="noreferrer">subject table</a></p>
  
  <p>and the mapping table for them is <code>stream_subject</code>
  <a href="https://i.stack.imgur.com/v55B1.png" rel="noreferrer">mapping table</a></p>
  
  <p>and I have to display my form like this
  <a href="https://i.stack.imgur.com/QztSd.png" rel="noreferrer">edit form</a></p>
  
  <p>Currently, I am using reference array input for that but it's not working, my current code is like this:</p>
  
  <pre><code>&lt;ReferenceManyField label='Subject' reference='stream_subject' target='stream_id'&gt;
      &lt;ReferenceArrayInput label='Subject' reference='subject' source='subject_id'&gt;
          &lt;SelectArrayInput source='name'&gt;
              &lt;ChipField source='name' /&gt;
          &lt;/SelectArrayInput&gt;
      &lt;/ReferenceArrayInput&gt;
  &lt;/ReferenceManyField&gt;
  </code></pre>
  
  <p>Is there any way to create multi-select dropdown for this, I even tried using <code>useQuery</code> hook from react-admin but unable to make any progress even if anyone can help me out me <code>useQuery</code> methods can solve my problem.
  For this I am using hasura-graphql datprovider: <code>https://github.com/Steams/ra-data-hasura-graphql</code></p>
  
  <p>My graphql is like this:
  <a href="https://i.stack.imgur.com/jth4s.png" rel="noreferrer">graphql-query</a></p>