Closing a popover when the user clicks on Link inside it

[nirtamir2]

Hi
I have an app with a Popover component for a menu.
Inside the popover, the user can navigate to a different section if the app with client-side navigation via the Link component from next/link. When I navigate to the URL, the popover keeps being open. I wonder what is the best practice of closing it when the user clicks on the link. I can wrap it with Popover.Close / programmatically with onClick - but I wonder if there is a better way to handle this case. What do you think?
Thanks!

[nirtamir2]

I ended up doing:

function RouteChangeAutoClosePopover(props: { children: ReactNode }) {
  const { children } = props;
  const [isOpen, setIsOpen] = useState(false);
  const pathname = usePathname();

  useEffect(() => {
    setIsOpen(false);
  }, [pathname]);

  return (
    <Popover open={isOpen} onOpenChange={setIsOpen}>
      {children}
    </Popover>
  );
}

But I would like to have a more generic approach. Maybe having an additional prop to RouteChangeAutoClosePopover named shouldCloseOnRouteChange that will take all the popover props in this case? Or do we have a better way to do it in user-land?