HOC and render prop component with memoization to convert immutable props to JS props.

with-immutable.js

import { Iterable } from "immutable";
import memoize from "fast-memoize";

function deImmutable(immutableProps) {
	const KEY = 0;
	const VALUE = 1;
	return Object.entries(
		immutableProps
	).reduce((newProps, wrappedComponentProp) => {
		newProps[wrappedComponentProp[KEY]] = Iterable.isIterable(
			wrappedComponentProp[VALUE]
		)
			? wrappedComponentProp[VALUE].toJS()
			: wrappedComponentProp[VALUE];
		return newProps;
	}, {});
}
const deImmutableMemoized = memoize(deImmutable);

// HOC version
/* eslint-disable react/display-name */
export function withImmutable(ComponentWithImmutable) {
	return wrappedProps => (<ComponentWithImmutable {...deImmutableMemoized(wrappedProps)} />);
}
/* eslint-enable */

// Render Prop version
export class WithImmutable extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		return this.props.render(deImmutableMemoized(this.props));
	}
}