mapState property is undefined passed as prop

I’m passing a mapState property as a prop to a child component

Parent component:

<template>
  <div v-if="!isLoaded">
    <LoadingAnimation />
  </div>
  <div v-else>
    <ComponentA :city="city" />
  </div>
</template>

<script>
import LoadingAnimation from "@/components/LoadingAnimation";
import ComponentA from "@/components/ComponentA";

import { mapState } from "vuex";

export default {
  data() {
    return {
      isLoaded: false,
    };
  },
  components: {
    ComponentA,
    LoadingAnimation,
  },
  mounted() {
    this.$store.dispatch("myAction").then(() => {
      this.isLoaded = true;
    });
  },
  computed: {
    ...mapState({
      city: (state) => state.city,
    }),
  },
};
</script>  

Child component (ComponentA) :

<template>
    <div>{{ city.name }}</div>
</template>

<script>

export default {
  props: {
    city: Object,
  }
};
</script>

But I get a

_vm.city is undefined" found in ComponentA