no-use-before-define typescript interfaces

Question

I have 2 typescript interfaces that have a member that is of the type of the other interface (circular reference). My linter complains that I cannot use an interface before I defined it. However, I have to define one first.

interface Foo {
  // error, Bar was used before it was defined
  bar: Bar
}

interface Bar {
  foo: Foo
}

I am very much aware that I can just disable the linter rule for the line but what is the proper way of solving it?

Answer 1

Try renaming file extension to d.ts.

I met the same problem and solved it after referring to this reply.