Router Push Vue передает неопределенные параметры

Я ожидаю передать значение с помощью router.push, это компонент, которому я хочу его передать:

<template>
    //some html
</template>

<script>
export default {
    data(){
        //some data
    },
    methods: {
        uploadTemplate(event) {
             if (everythingWell){
                 this.$router.push({name: 'upload-document', params: {value: "[email protected]"}})
             }            
        }     
    }
}    
</script>

**мой роутер: **

const routes = [
    { 
        path: '/upload',
        name: 'upload-document', 
        props: {
            default: true
        },
        component: () => import('./../modules/doc_templates/pages/UploadDocPage.vue')
    }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes,
})

export default router;

И компонент загрузки, где я должен использовать реквизит:

<template>
    <div> 
        <p>value: {{ this.value }} </p>
    </div>
</template>

<script>
export default {
    props: {
        value: String
    }
}

приложение меняет маршрут загрузки, но значение «value» не определено, это результат, который я получаю в браузере:

[Предупреждение Vue Router]: при навигации удалялись недопустимые параметры.

Я пробовал использовать реквизит, но все равно