Fixed the auto-close bug with usePopover()

theatre/studio/src/panels/DetailPanel/ProjectDetails/ProjectDetails.tsx

@@ -59,12 +59,12 @@ const ProjectDetails: React.FC<{
   }, [])
 
   const [tooltip, openExportTooltip] = usePopover(
-    {pointerDistanceThreshold: 50},
+    {pointerDistanceThreshold: 50, closeWhenPointerIsDistant: false},
     () => (
       <ExportTooltip>
         This will create a JSON file with the state of your project. You can
         commit this file to your git repo and include it in your production
-        bundle.{' '}
+        bundle.
         <a href="https://docs.theatrejs.com/export.html" target="_blank">
           Here is a quick guide on how to export to production.
         </a>

theatre/studio/src/uiComponents/Popover/usePopover.tsx

@@ -48,7 +48,7 @@ export default function usePopover(
 
   const portalLayer = useContext(PortalContext)
   const onPointerOutside = useMemo(() => {
-    if (opts.closeOnClickOutside === false) return undefined
+    if (opts.closeWhenPointerIsDistant === false) return undefined
     return {
       threshold: opts.pointerDistanceThreshold ?? 100,
       callback: close,