Me gustaría usar un tipo de unión como este para representar el estado de mi segmento cuando uso Redux Toolkit:

 type AppState = { loading: true } | { loading: false; data: number };

Parece que el uso de Immerjs en los archivos reductores me impide cambiar entre las dos opciones de Unión, por ejemplo:

 import { createSlice, PayloadAction } from "@reduxjs/toolkit"; const initialState: AppState = { loading: true }; export const sampleSlice = createSlice({ name: "sample", initialState, reducers: { setup: (state) => { return { loading: false, data: 5 }; }, }, });

Lo que me da el siguiente error de mecanografiado:

 Type '(state: WritableDraft<{ loading: true; }>) => { loading: false; data: number; }' is not assignable to type 'CaseReducer<{ loading: true; }, { payload: any; type: string; }> | CaseReducerWithPrepare<{ loading: true; }, PayloadAction<any, string, any, any>>'.

¿Hay alguna manera de hacer funcionar esto? Mi solución actual no es usar un tipo de unión para representar el estado, pero me pregunto si existe una solución. También intenté no usar booleanos sino literales de cadena para la clave de loading , pero produce el mismo error.