Fix tooltip crashes

Author: CompuIves

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

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import MoreInfoIcon from 'react-icons/lib/md/arrow-drop-down';
+import Tooltip from '@codesandbox/common/lib/components/Tooltip';
 
 import {
   Title,
@@ -52,18 +53,16 @@ function ActionComponent({
 }: Props) {
   if (!href && (placeholder || tooltip)) {
     return (
-      <ActionTooltip
-        content={placeholder || tooltip}
-        hideOnClick={false}
-        {...props}
-      >
-        <IconContainer onClick={onClick} {...iconContainerProps}>
-          <Icon {...iconProps} />
-          {title !== undefined && <Title>{title}</Title>}
-          {moreInfo && <MoreInfoIcon style={{ fontSize: '1.1rem' }} />}
-        </IconContainer>
-        {children}
-      </ActionTooltip>
+      <Action {...props}>
+        <Tooltip content={placeholder || tooltip} hideOnClick={false}>
+          <IconContainer onClick={onClick} {...iconContainerProps}>
+            <Icon {...iconProps} />
+            {title !== undefined && <Title>{title}</Title>}
+            {moreInfo && <MoreInfoIcon style={{ fontSize: '1.1rem' }} />}
+          </IconContainer>
+          {children}
+        </Tooltip>
+      </Action>
     );
   }
   if (onClick) {

packages/common/src/components/Preview/Navigator/index.tsx

@@ -1,4 +1,3 @@
-
 import React from 'react';
 
 import LeftIcon from 'react-icons/lib/fa/angle-left';
@@ -82,7 +81,7 @@ function Navigator({
             <Tooltip
               delay={0}
               content={isProjectView ? 'Project View' : 'Current Module View'}
-              position="left"
+              placement="left"
             >
               <Switch
                 offMode
@@ -98,4 +97,4 @@ function Navigator({
   );
 }
 
-export default Navigator
+export default Navigator;

packages/common/src/components/Tooltip.tsx

@@ -22,7 +22,7 @@ const GlobalStyle = createGlobalStyle`
 const Tooltip = ({ children, style = {}, ...props }) => (
   <React.Fragment>
     <GlobalStyle />
-    <Tippy {...props}>
+    <Tippy delay={[500, 0]} {...props}>
       <span
         style={{
           ...style,

yarn.lock

@@ -23867,11 +23867,6 @@ typescript@^3.3.1:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.3.1.tgz#6de14e1db4b8a006ac535e482c8ba018c55f750b"
   integrity sha512-cTmIDFW7O0IHbn1DPYjkiebHxwtCMU+eTy30ZtJNBPF9j2O1ITu5XH2YnBeVRKWHqF+3JQwWJv0Q0aUgX8W7IA==
 
-typescript@^3.3.4000:
-  version "3.3.4000"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.3.4000.tgz#76b0f89cfdbf97827e1112d64f283f1151d6adf0"
-  integrity sha512-jjOcCZvpkl2+z7JFn0yBOoLQyLoIkNZAs/fYJkUG6VKy6zLPHJGfQJYFHzibB6GJaF/8QrcECtlQ5cpvRHSMEA==
-
 typography-breakpoint-constants@^0.15.10:
   version "0.15.10"
   resolved "https://registry.yarnpkg.com/typography-breakpoint-constants/-/typography-breakpoint-constants-0.15.10.tgz#bd5308dd57250e7f28a8c6e1c0e668ddf1178c5c"