Static subcomponents only work with specific export syntax

[AndrewLeedham]

#265 added a nice feature to expose static subcomponents, which is great! However, it seems to be very fussy about how things are exported.

For example the following works:

const SubComponent = (): ReactElement => {
  return <p>sub component</p>
}

export const Component = (): ReactElement => {
  return <p>component</p>
}

Component.SubComponent = SubComponent;

However the following scenarios do not:

const SubComponent = (): ReactElement => {
  return <p>sub component</p>
}
const Component = (): ReactElement => {
  return <p>component</p>
}

Component.SubComponent = SubComponent;

export { Component };

const SubComponent = (): ReactElement => {
  return <p>sub component</p>
}

function Component(): ReactElement {
  return <p>component</p>
}

Component.SubComponent = SubComponent;

export { Component };

const SubComponent = (): ReactElement => {
  return <p>sub component</p>
}

export default function Component(): ReactElement {
  return <p>component</p>
}

Component.SubComponent = SubComponent;

const SubComponent = (): ReactElement => {
  return <p>sub component</p>
}
const Component = (): ReactElement => {
  return <p>component</p>
}

Component.SubComponent = SubComponent;

export default Component;

cc @hipstersmoothie

[hipstersmoothie]

I might not have time to address this any time soon. Will help a PR along though! The code is pretty approachable and @pvasek wrote a great test suite.

[github-actions]

There was no activity for a long time. Closing this issue as obsolete. In case it is still valid, please, open a new one.

[AndyOGo]

+1

[github-actions]

There was no activity for a long time. The issue will be closed soon.

[AndyOGo]

+1

[github-actions]

There was no activity for a long time. The issue will be closed soon.

[AndyOGo]

+1

[hipstersmoothie]

@AndyOGo you should give it a shot :D