Help in playwright TS creating nested component in page objects

I am used to using Playwright in c# and now thinking about porting what we have into TS but being not overlay familiar with type script i thought i would experiment a bit. i found an issue that is confusing me. In C# i can create a page manager class that lists all my pages and with the pages i have component modals. this allows me to write a class for a component and it can be used in other pages objects. An Example of the structure might be Manager -> HomePage -> NavBar -> search input so in my test i would write await manager.Homepage.Navbar.searchinput.FillAsync("Test");

This work but experimenting with the same thing in TS seems to cause issues

I have this repo https://github.com/infinitejest69/PlaywrightTS/blob/Master/tests/POM.spec.ts (don't judge just experimenting with TS) With a test 'should show search' When i run it it seems to do the fill twice and i can't see why. i suspect my approach is just flawed for TS but the test still runs and does the fill

**EDIT To add i tried making the searchDocs a method outside of the constructor and still does the same thing