React newbie here
Let's consider those data in Elasticsearch :

{
  "name" : "Zach",
  "car" : [
    {
      "make" : "Saturn",
      "model" : "SL"
    },
    {
      "make" : "Subaru",
      "model" : "Imprezza"
    }
  ]
}
{
  "name" : "Bob",
  "car" : [
    {
      "make" : "Saturn",
      "model" : "Imprezza"
    }
  ]
}

where car is a nested object and "make" / "model" are non-indexed keywords.

I have setup two MenuFilter components in Searchkit, both for make and for model, like this :

<MenuFilter id="make" listComponent={Select} title="make" 
field="car.make" fieldOptions={{"type":"nested", options: 
{"path":"car"}}} orderKey="_term" />

and

<MenuFilter id="model" listComponent={Select} title="model" 
field="car.model" fieldOptions={{"type":"nested", options: 
{"path":"car"}}} orderKey="_term" />

Filters are working well but they are not communicating each other, I would like to achieve a dynamic relation between the two facets, where if a "make" is selected, I only get the models related to that "make".

I see that Menu component have "include" and "bucketsTransform" props, but I am not sure how the model field should be set to have already filtered results from the make choice.

Note : I can get this easily done with a Hierarchial Menu component but I don't want it as the component is rendered like a category tree and I would like to have two distinct selectboxes in order to perform a step-by-step make => model search.