No query results for model

I'm trying to update my product but I'm getting this error

"message": "No query results for model [Modules\Products\Models\Product] 488"

Here is my vue file

<template>
    <div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label>Name</label>
                    <input
                        type="text"
                        class="form-control"
                        v-model="product.name"
                    >
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['product'],
        computed: {
      
        },
        data() {
            return {

            }
        },
        methods: {
            updateProduct() {
                axios.put(`/api/products/${this.product.id}`,{
                    name: this.product.name
                }).then(response => {
            },
        },
        mounted() {

        }
    }
</script>

and my updateProduct function in my controller

public function updateProduct(Product $product)
{
    dd(request('name'));
}