Suggestion: Allow named functions to use predefined types

[matthew-gerstman]

Currently there is no way to use a predefined type with a named function in typescript. I find this regularly causes issues with functional stateless components in React.

function NamedComponent() {
  return <div />;
}
// [ts] Property 'propTypes' does not exist on type '() => Element'.
NamedComponent.propTypes = {};

const ConstComponent: React.SFC<{}> = () => {
  return <div />;
};
ConstComponent.propTypes = {};

I'm propose a method to type traditionally named functions.

Grammar Options

Option 1

function: React.SFC<{}>  NamedComponent() {
  return <div />;
}

Option 2

function NamedComponent: React.SFC<{}> () {
  return <div />;
}

[ghost]

You can do this:

function NamedComponent() {
}
namespace NamedComponent {
    export const propTypes = {};
}

Unfortunately, we won't do any excess property checking in this case. Although if you could write function: React.SFC and React.SFC had some required properties, I'm not sure how we could enforce them to be assigned.

[mhegazy]

Duplicate of #15868

[Jessidhia]

More accurately this is a duplicate of #16918

[matthew-gerstman]

Thanks guys! I searched for previous issues but apparently my skills failed me 😅 . I think @Kovensky is right, #16918 is what I'm looking for.

[mhegazy]

Automatically closing this issue for housekeeping purposes. The issue labels indicate that it is unactionable at the moment or has already been addressed.