Importing multiple React components in submodules fails

[benadamstyles]

This:

module Bold = {
  let component = ReasonReact.statelessComponent("Bold");

  [@genType]
  let make = children => {
    ...component,
    render: _ =>
      <Text style=styles##bold> {ReasonReact.string(children)} </Text>,
  };
};

module Faded = {
  let component = ReasonReact.statelessComponent("Faded");

  [@genType]
  let make = (~opacity=0.7, children) => {
    ...component,
    render: _ =>
      <Text style={Style.style([Style.opacity(Float(opacity))])}>
        {ReasonReact.string(children)}
      </Text>,
  };
};

compiles to this:

// $FlowExpectedError: Reason checked type sufficiently
import * as FormattingBS from './Formatting.bs';

// $FlowExpectedError: Reason checked type sufficiently
import * as ReasonReact from 'reason-react/src/ReasonReact.js';

export type Bold_Props = {|+children?: mixed|};

export const Bold: React$ComponentType<Bold_Props> = ReasonReact.wrapReasonForJs(
  FormattingBS.component,
  (function _(jsProps: Bold_Props) {
     return FormattingBS.make(jsProps.children);
  }));

export type Faded_Props = {|+opacity?: number, +children?: string|};

export const Faded: React$ComponentType<Faded_Props> = ReasonReact.wrapReasonForJs(
  FormattingBS.component,
  (function _(jsProps: Faded_Props) {
     return Curry._2(FormattingBS.make, jsProps.opacity, jsProps.children);
  }));

Both Bold and Faded use FormattingBS.component and FormattingBS.make, but the exports of Formatting.bs.js are:

export {
  Bold ,
  Faded , 
}

so they should use FormattingBS.Bold.component and FormattingBS.Bold.make, and FormattingBS.Faded.component and FormattingBS.Faded.make respectively.

[benadamstyles]

👍 thanks!