How to use recursive components in Vue3?

Using recursive components in Vue 3 like normal components causes error `Cannot access before initialization`

*Tree.vue:*

```html
<template>
  <Tree v-if="hasChildren" />
</template>

<script lang="ts">
import Tree from './Tree.vue';

export default defineComponent({
  components: {
    Tree
  },

  setup() {

    const hasChildren = someExitRecursionCondition();

    return {
      hasChildren
    }
  }
</script>

```