computed property inside reactive typescript error

[Mayvis]

Why using computed property inside reactive method will cause typescript issue?
Error message: 'person' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.

// person will be an any type
const person = reactive({
  name: 'Kevin',
  age: 12, 
  tel: '0912345678',
  concatData: computed(() => {
    return `name: ${person.name}, age:${person.age}, phone: ${person.tel}`
  })
})

or I just have to write like below

const person = reactive({
  name: 'Kevin',
  age: 12, 
  tel: '0912345678',
})

const personConcatData = computed(() => {
  return `name: ${person.name}, age:${person.age}, phone: ${person.tel}`
})

[Mayvis]

Ok, so computed property will cause an type assert loop error. So I have to write another type to handle this situation.

// can also use interface
type Person = {
  name: string
  age: number
  tel: string
  concatData: string
}

const person: Person = reactive({
  name: 'Kevin',
  age: 12, 
  tel: '0912345678',
  concatData: computed(() => {
    return `name: ${person.name}, age:${person.age}, phone: ${person.tel}`
  })
})