Ais-menu-select not displaying v-for items

                        <ais-menu-select attribute="categories">
                            <select
                                slot-scope="{ selectBoxNumbers, canRefine, refine }"
                                @change="refine($event.currentTarget.value)"
                            >
<!--                                :disabled="!canRefine"-->
                                <option value="">All</option>
                                <option
                                    v-for="selectBoxNumber in selectBoxNumbers"
                                    :key="selectBoxNumber.id"
                                    :value="selectBoxNumber.value"
                                    :selected="selectBoxNumber.isRefined"
                                >
                                    {{ selectBoxNumber.text }}
                                </option>
                            </select>
                        </ais-menu-select>

This is the select box I am trying to convert to algolia ais-menu-select

                        <select
                            v-model="bathrooms"
                            class="form-select appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
                            id="bathrooms"
                            name="bathrooms">
                            <option value="">Select...</option>
                            <option v-for="selectBoxNumber in selectBoxNumbers" v-bind:value="selectBoxNumber.value">
                                {{ selectBoxNumber.text }}
                            </option>
                        </select>

What is not working is

                                <option
                                    v-for="selectBoxNumber in selectBoxNumbers"
                                    :key="selectBoxNumber.id"
                                    :value="selectBoxNumber.value"
                                    :selected="selectBoxNumber.isRefined"
                                >
                                    {{ selectBoxNumber.text }}
                                </option>

it only showing All option, I want to show the items from the v-for they not displaying.

Ok got it to work. Seems I have to use same exact code as in the doc and can’t use other props like selectBoxNumbers. Have to use items instead always.