import { Navigate, NavigateProps, useLocation } from 'react-router-dom';
import {ReactNode} from "react";

interface NavigateWithQueryProps extends NavigateProps {
    state?: any;
    children?: ReactNode;
}

export const NavigateWithQuery = ({ children,to, ...props }: NavigateWithQueryProps) => {
    const { search } = useLocation();

    return <Navigate to={`${to}${search}`} {...props} ></Navigate>;
};