BFormSelect not rendering dropdown selection

Describe the bug

I’m getting an error: Error in render: "TypeError: Cannot convert undefined or null to object". It was rendering some days ago. However, when I returned to the form yesterday, I noticed that all the select fields were not rendering.

Steps to reproduce the bug

1. The options prop is set to a Vuex getter.
2. Vuex state is populated with data via an axios called made before route is entered.

Expected behavior

BFormSelect should render. Other input field such as BInput are rendering.

Versions

Libraries:

• BootstrapVue: 2.0.0-rc.24
• Bootstrap: 4.3.1
• Vue: 2.6.11

Environment:

• OS: Windows 10
• Browser: Chrome
• Version: 80.0.3987.163 (Official Build) (64-bit)

<b-input-group
  class="inputGroup"
  id="nameOfOrgInputGroup"
>
  <b-input-group-prepend>
    <b-input-group-text>
      <i
        class="icon-user"
      ></i>
    </b-input-group-text>
  </b-input-group-prepend>
  <b-input-group-prepend>
    <b-input-group-text
      >Gender</b-input-group-text
    >
  </b-input-group-prepend>
  <b-form-select
    class="form-control"
    placeholder="Gender"
    :options="getGendersForSelect"
    id="gender"
    v-model="$v.form.gender.$model"
    :state="chkState('gender')"
  ></b-form-select>
</b-input-group>

import { mapGetters, mapActions, mapMutations } from "vuex";
...
...mapGetters("genders", ["getGendersForSelect"]),
...
 ...mapActions("genders", ["loadGendersForSelect"]),

Bootstrap-Vue is loaded via main.js

import BootstrapVue from "bootstrap-vue";
Vue.use(BootstrapVue);

[ndianabasi]

So I added empty arrays to the options props as fallbacks and I think the form is still rendering well.

<b-form-select
                        class="form-control"
                        placeholder="Country of Organisation"
                        autocomplete="country"
                        @change="debouncedLoadCountriesState"
                        :options="getCountriesForSelect || []"
                        id="country_of_organisation"
                        v-model="$v.form.country_of_organisation.$model"
                        :state="chkState('country_of_organisation')"
                      ></b-form-select>

Thank you @tmorehouse.

[tmorehouse]

Let us know how it goes…