fix: fallback to .then

Author: codebender828

package.json

@@ -47,8 +47,7 @@
   "dependencies": {
     "@babel/cli": "^7.12.8",
     "@babel/core": "^7.12.9",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.12.7",
+    "@babel/preset-env": "^7.15.0",
     "@babel/preset-typescript": "^7.12.7",
     "@chakra-ui/styled-system": "^1.10.0",
     "@chakra-ui/utils": "1.8.2",

packages/c-popper/src/use-popper.ts

@@ -56,7 +56,7 @@ export function usePopper(props: UsePopperOptions = {}) {
     unsubscribe?.()
   })
 
-  const setup = async () => {
+  const setup = () => {
     nextTick().then(() => {
       if (!reference.value || !popper.value) return
       cleanup.value?.()
@@ -78,8 +78,7 @@ export function usePopper(props: UsePopperOptions = {}) {
     popper.value = null
   })
 
-  onMounted(async () => {
-    await nextTick()
+  onMounted(() => {
     nextTick().then(() => {
       unsubscribe = watch(() => [reference, popper], setup, {
         immediate: true,

tests/support.tsx

@@ -8,7 +8,6 @@ import Chakra, { chakra, extendTheme } from '@chakra-ui/vue-next'
 import { domElements, injectGlobal, toCSSVar } from '@chakra-ui/vue-system'
 import { CReset } from '@chakra-ui/c-reset'
 import 'cypress-plugin-tab'
-import "@babel/polyfill"
 
 const theme = extendTheme({})