Deploy preview forredux-starter-kit-docs ready!

Built with commit2a22180

https://deploy-preview-827--redux-starter-kit-docs.netlify.app

This pull request is automatically built and testable inCodeSandbox.

To see build info of the built libraries, clickhere or the icon next to each commit SHA.

Latest deployment of this branch, based on commit2a22180:

completely forgot to merge this one 🤦

quick question: does this mean that if I declare my state as suggested I'll have to declare every possible state permutation?

@polaroidkidd only if you want your state to accept only very specific shapes.
If you are content with{ state: string; data?: string };, just use that.
But if you wantdata to only be accessible whenstate is"finished", you'd need to go for a union type. But that's nothing redux-specific at all, that's just TypeScript.

I'm aware that my following question is typescript specific, but I'm banking on@phryneas's generosity here ^^

I have the following code:

import{createSlice,PayloadAction}from"@reduxjs/toolkit";exporttypeErrorSlice=|{showErrorModal:false}|{showErrorModal:true;errorTitel:string;errorBody:string};constinitialState={showErrorModal:false,errorBody:null,errorTitel:null}asErrorSlice;const{reducer:uiErrorReducer,actions:uiErrorActions}=createSlice({name:"ui/error",initialState:initialState,reducers:{hideErrorModal:()=>initialState,showErrorModal:(state,action:PayloadAction<{errorTitel:string;errorBody:string}>)=>({showErrorModal:true, ...action.payload}),},});export{uiErrorActions,uiErrorReducer};

I am wondering why TS isn't throwing an error for declaring

constinitialState={showErrorModal:false,errorBody:null,errorTitel:null}asErrorSlice;

as theErrorSlice type does not declare a permutation that allows forshowErrorModal: false anderrorBody: null &errorTitle: null. I can even set the error title/Body to contain strings ("example"), but the initial state is accepted as is.

What am I missing here? 🤔

@polaroidkidd interfaces only describe a shape that should be matched, but don't restrict other properties from being present. If you want that, you have to

exporttypeErrorSlice=|{showErrorModal:false;errorTitel:never;errorBody:never}|{showErrorModal:true;errorTitel:string;errorBody:string};

oh wow! I wasn't aware of thenever property. This will be super useful! Thank you very much!

Doesn't have typescript a way to define "exact" objects? Flow has this notation{| prop: boolean |} which will not allow extra props, just that.

No.https://www.typescriptlang.org/docs/handbook/type-compatibility.html#a-note-on-soundness

Thanks for the link.
What a shame