Getting error 2576 when accessing static methods of a class as a passed parameter.

[TyIsI]

🔎 Search Terms

Related: #2576

2576 accessing static method from passed parameter variable -union

🕗 Version & Regression Information

This is the behavior in every version I tried through the playground, including the nightly, and I reviewed the FAQ for entries about static member access errors

⏯ Playground Link

Playground Link

💻 Code

class FafoTest1 {
    name: string
    fafo: Fafo1

    constructor(name: string, fafo: Fafo1) {
        this.name = name
        this.fafo = fafo
    }

    test(): void {
        console.log('testing test')

        // Property 'test' does not exist on type 'Fafo1'. Did you mean to access the static member 'Fafo1.test' instead?(2576)
        this.fafo.test()
    }
}

class Fafo1 {
    static get FafoTest1(): (name: string) => FafoTest1 {
        return (name: string): FafoTest1 => {
            const newInstance = new FafoTest1(name, Fafo1)

            return newInstance
        }
    }

    static test(): void {
        console.log('test')
    }
}

🙁 Actual behavior

I received the following error:

Property 'test' does not exist on type 'Fafo1'. Did you mean to access the static member 'Fafo1.test' instead?(2576)

🙂 Expected behavior

I was not expecting an error, as the local field type is exactly the same.

Additional information about the issue

No response

[MartinJohns]

Static members are accessed by accessing the class itself, not an instance of your class. Your member fafo is typed as Fafo1, which is an instance of the class. You want to use the type typeof Fafo1 instead to refer to the class itself.

[TyIsI]

You are correct! Using typeof solved it.

I guess it's because the comparison check is done against the prototype of the class as an instance rather that a direct comparison?

Before I close this, should this be documented somewhere? Because the error is marginally confusing.