Vue JS – Can’t access props on the mounted hook

In allImport.vue page I am passing props like that:

<sidebarProductDetails :row="singleRow" />

sidebarProductDetails.vue page I have this code:

<template>
    <div>
        <pre>{{ row }}</pre>
        <!-- I can see all the data in this row object -->
        </b-row>
    </div>
</template>

<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import { BImg } from "bootstrap-vue";
import "swiper/css/swiper.css";

export default {
    props: ['row'],
    data() {        
    },
    components: {
        Swiper,
        SwiperSlide,
        BImg,
    },    
    mounted() {
       console.log(this.row);
       // Can't get anyting showing me undefined
    },
};
</script>

Here you can see the I just log the row props on the mounted hook but nothing is showing. The interesting things is that I can see all the data inside the wrapper.

Is there anything I am dong wrong?