javascript - 戻りフロータイプが定義されたレデューサーで Object.assign をリテラルで使用する方法

Question

React.useReducerフックと一緒に使用されるレデューサーを書いています。Flow が使用されていますが、 と互換性のないオブジェクト リテラルが含まれているObject.assign({}, state ...ため、Reducer でフロー エラーが発生しています。私が見つけた唯一の解決策は、各オブジェクト リテラルのすべてのプロパティを一覧表示することですが、これは正しい方法ではありません。{}SearchLocationStateType

どうすればこれを修正できますか?

type SearchLocationStateType = {
    textAreaFocused: boolean,
    promptsShown: boolean,
};

export const ACTIONS = Object.freeze({
    FOCUS_SEARCH_TEXT: 'FOCUS-SEARCH-TEXT',
    BLUR_SEARCH_TEXT: 'BLUR-SEARCH-TEXT',
});

type ActionType = {
    type: $Values<typeof ACTIONS>,
};

const reducer = (state: SearchLocationStateType, action: ActionType): SearchLocationStateType => {
    switch (action.type) {
        case ACTIONS.FOCUS_SEARCH_TEXT:
            return Object.assign({}, state, {textAreaFocused: true});
        case ACTIONS.BLUR_SEARCH_TEXT:
            return Object.assign({}, state, {textAreaFocused: false});
        default:
            return state;
    }
};