Having trouble with redirecting in laravel breeze

[vipertecpro]

Hello devs,
i am working with laravel-breeze application
So i have created the list and from there i am trying to remove the records and redirecting back to the list page.
Record is being removed but unable to refresh or redirecting to the listing page.
Also can you please tell me why delete being redirecting to 303 request ?

Here is my datatable component with delete method

`import {debounce} from "lodash"
import React, {useEffect, useRef, useState} from "react"
import Paginator from "./Paginator"
import {ChevronDownIcon, ChevronUpIcon, PencilSquareIcon} from "@heroicons/react/20/solid";
import {XCircleIcon} from "@heroicons/react/20/solid/index.js";
import {Link, useForm} from "@inertiajs/react";
import Swal from 'sweetalert2';
import { v1 as uuidv1 } from 'uuid';
   ...................

const DataTable = ({excludedColumns,fetchUrl, columns, actionUrls}) => {
    const {
        delete : destroy,
        reset,
    } = useForm();
   ...................
    
    const deleteUser = (e, removeUrl) => {
        e.preventDefault();
        const getCurrentTr = e.currentTarget.closest('tr')
        Swal.fire({
            title: 'Remove record, Are you sure?',
            icon: 'warning',
            showDenyButton: true,
            showCancelButton: false,
            confirmButtonText: 'Yes sure',
            denyButtonText: `Not right now`,
            allowOutsideClick : false,
        }).then((result) => {
            if (result.isConfirmed) {
                destroy(removeUrl, {
                    preserveScroll: true,
                    onSuccess: () => {
                        console.log("Current TR in onSuccess:", getCurrentTr); // Log the tr element inside onSuccess
                        Swal.fire({
                            position: 'top-end',
                            icon: 'success',
                            title: 'Record has been removed successfully',
                            showConfirmButton: false,
                            timer: 1500,
                            allowOutsideClick : false,
                        })
                        if (getCurrentTr) { // Check if getCurrentTr is still valid
                            getCurrentTr.remove();
                        } else {
                            console.warn("Current TR is not found"); // Log warning if getCurrentTr is not valid
                        }
                    },
                    onFinish: () => {
                        reset()
                    },
                });
            } else if (result.isDenied) {
                Swal.fire('Record is safe', '', 'info')
            }
        })
    };
   ...................
    return (
        <div>
               ...................
                            <tbody className="divide-y divide-gray-200 bg-white">
                                {data.length === 0 ? (
                                    <tr>
                                        <td colSpan={columns.length}>
                                            <h1 className={`p-5 text-center text-2xl text-gray-700 bg-gray-200`}>No items found</h1>
                                        </td>
                                    </tr>
                                ) : (
                                    ""
                                )}

                                {!loading ? (
                                    data.map((d, index) => {
                                        let uniqueKey = uuidv1() + '-' + index;
                                        return (
                                            <>
                                                <tr key={uniqueKey}>
                                                    {columns.map((column, colIndex) => {
                                                        return ((excludedColumns.includes(column) === false) &&
                                                            <td key={uuidv1() + '-' + colIndex} className={colIndex === 0 ? 'whitespace-nowrap py-2 pl-2 pr-2 text-sm font-medium text-gray-900 sm:pl-6' : 'whitespace-nowrap px-2 py-2 text-sm text-gray-500'}>
                                                                {handleDataFormat(d[column])}
                                                            </td>
                                                        )
                                                    })}
                                                    <td className={`whitespace-nowrap px-2 py-2 text-sm text-gray-500 flex justify-center gap-2 `} key={uuidv1()}>
                                                        <button
                                                            type={"button"}
                                                            className="inline-flex items-center gap-x-1.5 rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600"
                                                            onClick={(e) => {

                                                                deleteUser(e,route(actionUrls[0].removeRouteName,d.id),d.id)
                                                            }}
                                                        >
                                                            <XCircleIcon className="-ml-0.5 h-5 w-5" aria-hidden="true" />
                                                            Remove
                                                        </button>
                                                        <Link
                                                            className="inline-flex items-center gap-x-1.5 rounded-md bg-purple-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-600"
                                                            href={route(actionUrls[0].editRouteName,d.id)}>
                                                            <PencilSquareIcon className="-ml-0.5 h-5 w-5" aria-hidden="true" />
                                                            Edit
                                                        </Link>
                                                    </td>
                                                </tr>
                                            </>
                                        )
                                    })
                                ) : (
                                    <tr key={uuidv1()}>
                                        <td  key={uuidv1()} className="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" colSpan={columns.length + 1}>
                                            <div className={`mx-auto flex justify-center w-full`}>
                                                <div className="w-16 h-16 border-4 border-dashed rounded-full animate-spin dark:border-violet-400"></div>
                                            </div>
                                        </td>
                                    </tr>
                                )}
                            </tbody>
                          ...................
    )
}

export default DataTable

Controller

    /**
     * Remove Book category
     * */
    public function remove($removeId)
    {
        BookCategory::where('id',$removeId)->delete();
        return redirect()->route('dashboard.be.bookCategories.list');
    }

Recording.2023-08-11.193402.mp4

[vipertecpro]

Okay so i resolved it by changing route to GET and now it is working as it suppose to be, but i cannot figure it why it's not working with delete