typescript-3.3.3-no-error.tsx

import React from 'react';
import {
  typedConnect,
  createPropsMapper,
  PropsOf
} from 'react-redux-typed-connect';



export function makeTestComponent<E,RS>(getEntity:(state:RS, id:string) => E | undefined) {
  type Props = PropsOf<typeof propsMapper>;
  const TestComponent = (props:Props) => (
    <div>
      {JSON.stringify(props.entity)}
    </div>
  );
  const propsMapper = createPropsMapper({
    fromState: (state:RS, ownProps:{id?:string}) => ({
      entity: ownProps.id ? getEntity(state, ownProps.id) : undefined
    }),
    actions: () => ({})
  });
  return typedConnect(propsMapper)(TestComponent);
}

interface Dummy {
  id: string;
  dummy: string;
}
interface RootState {
  dummies: {
    [id:string]: Dummy | undefined
  };
}

function getDummy(state:RootState, id:string) {
  return state.dummies[id];
}
export const tc = makeTestComponent(getDummy);