Redux in TypeScript

actions.ts

export type UiAction = {
  type: 'SET_INVITE_OTHER_USERS_MODAL_OPENED',
  modalOpened: boolean
} | {
  type: 'SET_IMAGES_FILTER_QUERY',
  filterQuery: string
}

export const setInviteOtherUsersModalOpened = (modalOpened: boolean): UiAction => ({
  type: 'SET_INVITE_OTHER_USERS_MODAL_OPENED',
  modalOpened
});

export const setImagesFilterQuery = (filterQuery: string): UiAction => ({
  type: 'SET_IMAGES_FILTER_QUERY',
  filterQuery
});

reducer.ts

import {UiAction} from './actions'
import {Store} from "../store";

const initialState: Store.Ui = {
  inviteOtherUsersModalOpened: false,
  imagesFilterQuery: ''
};

export default function uiReducer(state: Store.Ui = initialState, action: UiAction): Store.Ui {

  switch (action.type) {
    case 'SET_INVITE_OTHER_USERS_MODAL_OPENED': {
      return {...state, inviteOtherUsersModalOpened: action.modalOpened}
    }
    case 'SET_IMAGES_FILTER_QUERY': {
      return {...state, imagesFilterQuery: action.filterQuery}
    }
    default:
      return state;
  }
}

store.ts

export namespace Store {

  export type Ui = {
    inviteOtherUsersModalOpened: boolean,
    imagesFilterQuery: string
  }

}