Is there any way to get code completion to function when using classes?

Hi all, I'm working a little with classes inside of TC, and have have been rubbing up against an issue with code completion (intellisense) not working. If I have the two blocks of code in different .js files;

class foo  {
  constructor(panel)  {
    this.panel = panel;
  }
}

function LogMessage(){
  Log.Message(`This Is a Logged Message from the parent class`)
}

module.exports = {Foo: Foo}

 

const foo = require("Foo");

class Bar extends Foo.Foo{
  
  constructor(panel){
    super(panel);
  }

}

function secondClassFunction(){
  Log.Message(`This is the child class`)
  
}

 

module.exports = {Bar:Bar}

And then in a third .js file, have another code block calling the 'Bar' class like the following

var Bar= require("Bar");

function FunctionName(){

  const x = new Bar.Bar(`panel`);  

}

Typing 'x.' won't generate any intellisense prompts to appear. Has anyone seen this before \ is there a solution \ work around? I understand there might be a few different ways to implement inheritance (which is my ultimate goal, since Bar is a child of Foo), so if anyone has any suggestions for rewriting this that might help, the feedback would be appreciated.

Thanks,

Dan