Currently, I am navigating on
http://localhost:3000/?groupId=chicago&dayOfWeek=tuesdayimport { useRouter, usePathname, useSearchParams } from "next/navigation";
const SelectDayDialog = ({ groupId, organization }) => {
const router = useRouter();
const thursday = "Thursday";
const handleGroupSelection = (dayOfWeek) => {
const query = { groupId: groupId, dayOfWeek: dayOfWeek.toLowerCase() };
const queryString = new URLSearchParams(query).toString();
let routeUrl = `/?${queryString}`;
router.push(routeUrl);
};
return (
<div>
<button onClick={() => handleGroupSelection(thursday)}>Thursday</button>
</div>
);
};
Upon clicking the button, the url transitions to
http://localhost:3000/?groupId=chicago&dayOfWeek=thursdayHow can I resolve this issue?