Only track opening the tooltip when it actually opens

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Header/PrivacyTooltip/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useOvermind } from 'app/overmind';
 import { ThemeProvider } from 'styled-components';
 import Tooltip from '@codesandbox/common/lib/components/Tooltip';
@@ -20,10 +20,6 @@ export const PrivacyTooltip = () => {
     },
   } = useOvermind();
 
-  useEffect(() => {
-    track('Open Sandbox Privacy Tooltip', { owned });
-  }, [owned]);
-
   const config = {
     0: {
       description: 'Everyone can see this Sandbox',
@@ -54,6 +50,9 @@ export const PrivacyTooltip = () => {
         <Tooltip
           delay={0}
           interactive
+          onShown={() => {
+            track('Open Sandbox Privacy Tooltip', { owned });
+          }}
           content={
             <>
               <Text size="3" marginBottom={4}>