Edit multi select input in react-admin for one-to-many or many-to-many relationship?

Question

What is the current "out-of-the-box" way for editing many-to-many relationships in react-admin?

More specifically, is there any way to SelectArrayInput or AutoCompleteArrayInput over a referenced table?

My first table is stream stream table

My second table is subject subject table

and the mapping table for them is stream_subject mapping table

and I have to display my form like this edit form

Currently, I am using reference array input for that but it's not working, my current code is like this:

<ReferenceManyField label='Subject' reference='stream_subject' target='stream_id'>
    <ReferenceArrayInput label='Subject' reference='subject' source='subject_id'>
        <SelectArrayInput source='name'>
            <ChipField source='name' />
        </SelectArrayInput>
    </ReferenceArrayInput>
</ReferenceManyField>

Is there any way to create multi-select dropdown for this, I even tried using useQuery hook from react-admin but unable to make any progress even if anyone can help me out me useQuery methods can solve my problem. For this I am using hasura-graphql datprovider: https://github.com/Steams/ra-data-hasura-graphql

My graphql is like this: graphql-query