Default props are null when functional component is a declaration

[sanket03]

It seems that defaultValue is null for a functional component.

import React from 'react';
interface TestProps {
  id?: number;
}
function Test(props: TestProps) {
  return <div>Hello World</div>;
};
Test.defaultProps = {
  id: 1,
};
export default Test;

Docgen parsed output:
{
"description": "",
"displayName": "Test",
"methods": [],
"props": {
"id": {
"defaultValue": null,
"description": "",
"name": "id",
"parent": {
"fileName": "",
"name": "TestProps"
},
"required": false,
"type": {
"name": "number | undefined"
}
}
}
}

However when functional component is created using fat arrow syntax, it seems to work.

import React from 'react';
interface TestProps {
  id?: number;
}
const Test = (props: TestProps) => {
  return <div>Hello World</div>;
};
Test.defaultProps = {
  id: 1,
};
export default Test;

Docgen parsed output:
{
"description": "",
"displayName": "Test",
"methods": [],
"props": {
"id": {
"defaultValue": {
"value": "1"
},
"description": "",
"name": "id",
"parent": {
"fileName": "",
"name": "TestProps"
},
"required": false,
"type": {
"name": "number | undefined"
}
}
}
}