render-remote-data-bug.tsx

export type Item = {
	name: string;
	value: string;
};

export type FooProps = {
	data: RemoteData<Error, Item[]>;
};

const RenderRemoteData = getRenderRemoteData({
	DataStateFailure: () => <span>Failure</span>,
	DataStateNoData: () => <span>NoData</span>,
	DataStatePending: () => <span>Pending</span>,
});

export class Foo extends PureComponent<FooProps> {
	public render() {
		const { data } = this.props;
		// this option has an error
		return <RenderRemoteData data={data} success={this.renderSuccess} noData={isEmpty} />;
		// but this one does not
		// return <RenderRemoteData data={data} success={this.renderSuccess} noData={data => isEmpty(data)} />;
	}

	private renderSuccess = (data: Item[]) => (
		<Fragment>
			{data.map(item => (
				<span>{item.name}</span>
			))}
		</Fragment>
	);
}