Como es que puedo corregir esto

<template>
    <div class="p-3 bg-white card border-radius-xl js-active position-relative mx-auto my-5 col-12 col-lg-8"
        data-animation="FadeIn" v-for="(categoria, index) in categorias" v-bind:key="index">
        <div class="text-center row">
            <div class="mx-auto col-10">
                <h5 class="font-weight-normal">
                    {{ categoria.name }}
                </h5>
                <p>
                    Hola aqui puedes revisar {{ categoria.name  }}
                </p>
                <div v-for="tipo in tipoCategorias" :key="id">
                    <p>
                        {{ tipo.name }}
                    </p>
                </div>
            </div>
        </div>
        <div class="multisteps-form__content">
            <div class="mt-3 row">
                <Media/>
            </div>
            <div class="">
                <Dropzone :key="index"/>
            </div>
        </div>
    </div>
</template>
  
<script>
import Dropzone from '../../Pages/Expedientes/Dropzone.vue';;
export default {
    name: 'Categorias',
    props: {
        msg: String,
        categorias: {
            type: Array,
            required: true
        }
    },
    components: {
        Dropzone,
    },
    methods: {
    },
    mounted: function(){
        console.log("Tiempo")
    }
};
</script>