fix(bug fix): Fix circular reference problems

Author: xinyao27

packages/fluent-ui-hooks/package.json

@@ -38,7 +38,6 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@fluent-ui/core": "^0.10.1",
     "json2mq": "^0.2.0",
     "popper.js": "^1.15.0"
   },

packages/fluent-ui-hooks/src/index.ts

@@ -1,10 +1,12 @@
 export * from './useAction'
+export * from './useMedia'
+export * from './useGlobal'
+
 export * from './useClickOutside'
-export * from './useReveal'
-export * from './usePopper'
 export * from './useHover'
 export * from './useClick'
 export * from './useTouch'
 export * from './useFocus'
-export * from './useMedia'
-export * from './useGlobal'
+
+export * from './useReveal'
+export * from './usePopper'

packages/fluent-ui/src/Command/Command.tsx

@@ -52,7 +52,7 @@ const Command = React.forwardRef<HTMLDivElement, CommandProps>(
     })
     useClickOutside(
       popperRef,
-      (event): void => {
+      (event: MouseEvent | TouchEvent): void => {
         // @ts-ignore
         if (!referenceRef.current || referenceRef.current.contains(event.target)) return
         setSecondaryVisible((visible: boolean): boolean => !visible)

packages/fluent-ui/src/styles/styled.ts

@@ -5,6 +5,6 @@ export { styled, system, th, variant, breakpoints }
 
 export * from 'styled-components'
 export * from '@xstyled/system'
-export * from '@xstyled/prop-types'
+// export * from '@xstyled/prop-types'
 
 export * from './stylize'