How to create the search using the react for the receipts based on receipt id

using this Methode for the receipts in the daily collect page based on the data created the search.

    useEffect(() => {
        const searchParams = new URLSearchParams(location.search);
        setSubsidary(searchParams.get('subsidary') || '');
        setCollector(searchParams.get('collector') || '');
        setstatusFilter(searchParams.get('status') || '');
        setFromDateFilter(searchParams.get('fromDate') || '');
        setToDateFilter(searchParams.get('toDate') || '');
        if (searchParams.get('fromDate')) {
            setStartDate(new Date(formatbyYear(searchParams.get('fromDate'))));
        }
        if (searchParams.get('toDate')) {
            setToDate(new Date(formatbyYear(searchParams.get('toDate'))));
        }


        setPage(searchParams.get('page') || '');
        setCurrentPage(searchParams.get('page') || 1)
        setSearchValue(searchParams.get('q') || '');
        updateURL();
    }, []);