Typescript set up having an issue in handleActions?

[justinlazaro-ubidy]

A computed property name must be of type 'string', 'number', 'symbol', or 'any'.

import { handleActions } from 'redux-actions';
import {
  getHomeDataSuccess,
  getHomeDataError,
  getHomeDataLoading,
} from '../../actions/home/actions';
import Model from './model';
interface IHomeReducer {
  homes: Array<Object>;
  loading: boolean;
  state: object;
}

interface IAction {
  payload: any;
}

export default handleActions<IHomeReducer, string>(
  {
    [getHomeDataSuccess]: (state: object, action: IAction) => ({
      ...state,
      homes: action.payload,
      loading: false,
    }),
    [getHomeDataLoading]: (state, action) => ({
      ...state,
      loading: true,
    }),
    [getHomeDataError]: (state, action) => ({
      ...state,
      error: action.payload,
      loading: false,
    }),
  },
  Model,
);

[UrbanNinjaDev]

Is there typescript support for Redux 4 now? See this issue #282

[ericlau-solid]

Workaround for your issue is to force string by running toString()

    [getHomeDataSuccess.toString()]: (state: object, action: IAction) => ({
      ...state,
      homes: action.payload,
      loading: false,
    }),

[logusgraphics]

String literal also works:

[`${getHomeDataSuccess}`]: (state, action) => ...

[the-dr-lazy]

I suggest you guys take a look at thebrodmann/deox. I explained more on #282 (comment) and you can see the community feedback on the mentioned comment. For now, It's the only solution to typescript related problems.