move logic to Tooltip file

theme/components/Tooltip.ts

 import type { ComponentStyleConfig } from '@chakra-ui/theme';
+import { Tooltip as TooltipComponent } from '@chakra-ui/react';
 
 const Tooltip: ComponentStyleConfig = {
   baseStyle: {
@@ -6,4 +7,6 @@ const Tooltip: ComponentStyleConfig = {
   },
 }
 
+TooltipComponent.defaultProps = { ...TooltipComponent.defaultProps, hasArrow: true }
+
 export default Tooltip;

theme/index.ts

-import { extendTheme, Tooltip } from '@chakra-ui/react';
+import { extendTheme } from '@chakra-ui/react';
 
 import typography from './foundations/typography';
 import borders from './foundations/borders';
@@ -12,6 +12,4 @@ const overrides = {
   components,
 }
 
-Tooltip.defaultProps = { ...Tooltip.defaultProps, hasArrow: true }
-
 export default extendTheme(overrides);