docs: add satisfies keyword with type assertion (#3623)

Author: Seung-wan

docs/api/autoBatchEnhancer.mdx

@@ -27,7 +27,7 @@ interface CounterState {
 
 const counterSlice = createSlice({
   name: 'counter',
-  initialState: { value: 0 } as CounterState,
+  initialState: { value: 0 } satisfies CounterState as CounterState,
   reducers: {
     incrementBatched: {
       // Batched, low-priority

docs/api/createReducer.mdx

@@ -54,7 +54,7 @@ const increment = createAction('counter/increment')
 const decrement = createAction('counter/decrement')
 const incrementByAmount = createAction<number>('counter/incrementByAmount')
 
-const initialState = { value: 0 } as CounterState
+const initialState = { value: 0 } satisfies CounterState as CounterState
 
 const counterReducer = createReducer(initialState, (builder) => {
   builder

docs/api/createSlice.mdx

@@ -25,7 +25,7 @@ interface CounterState {
   value: number
 }
 
-const initialState = { value: 0 } as CounterState
+const initialState = { value: 0 } satisfies CounterState as CounterState
 
 const counterSlice = createSlice({
   name: 'counter',

docs/tutorials/quick-start.mdx

@@ -117,9 +117,7 @@ export interface CounterState {
   value: number
 }
 
-const initialState: CounterState = {
-  value: 0,
-}
+const initialState = { value: 0 } satisfies CounterState as CounterState
 
 export const counterSlice = createSlice({
   name: 'counter',

docs/tutorials/typescript.md

@@ -108,9 +108,7 @@ interface CounterState {
 }
 
 // Define the initial state using that type
-const initialState: CounterState = {
-  value: 0,
-}
+const initialState = { value: 0 } satisfies CounterState as CounterState
 // highlight-end
 
 export const counterSlice = createSlice({
@@ -149,7 +147,7 @@ In some cases, [TypeScript may unnecessarily tighten the type of the initial sta
 // Workaround: cast state instead of declaring variable type
 const initialState = {
   value: 0,
-} as CounterState
+} satisfies CounterState as CounterState
 ```
 
 ### Use Typed Hooks in Components

docs/usage/usage-with-typescript.md

@@ -326,7 +326,7 @@ createSlice({
 // Or, cast the initial state as necessary
 createSlice({
   name: 'test2',
-  initialState: { state: 'loading' } as SliceState,
+  initialState: { state: 'loading' } satisfies SliceState as SliceState,
   reducers: {},
 })
 ```