I'm using parallel and intersecting routes to achieve modal functionality. problem is when use the modal page as a server component its works fine but when I switch it client component its throws this error

Cannot update a component (`Router`) while rendering a different component (`workshopPageModal`). To locate the bad setState() call inside workshopPageModal

I have attached the photo of project folder structure.