explicitly cast initialState in docs examples

Author: phryneas

docs/api/createAsyncThunk.mdx

@@ -574,10 +574,10 @@ interface UsersState {
  entities: Record<string, User>
 }
 
-const initialState: UsersState = {
+const initialState = {
  entities: {},
  error: null
-}
+} as UsersState
 
 const usersSlice = createSlice({
  name: 'users',

docs/api/createReducer.mdx

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

docs/api/createSlice.mdx

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

docs/api/matching-utilities.mdx

@@ -174,10 +174,10 @@ interface ExampleState {
  isInteresting: boolean
 }
 
-const initialState: ExampleState = {
+const initialState = {
  isSpecial: false,
  isInteresting: false
-}
+} as ExampleState
 
 export const isSpecialAndInterestingThunk = createAsyncThunk(
  'isSpecialAndInterestingThunk',

docs/api/otherExports.mdx

@@ -38,7 +38,7 @@ interface Todo {
 }
 const addTodo = createAction<Todo>('addTodo')
 
-const initialState: Todo[] = []
+const initialState = [] as Todo[]
 
 const todosReducer = createReducer(initialState, builder => {
  builder.addCase(addTodo, (state, action) => {

docs/tutorials/advanced-tutorial.md

@@ -204,13 +204,13 @@ type CurrentDisplayState = {
 } & CurrentDisplay &
  CurrentRepo
 
-let initialState: CurrentDisplayState = {
+let initialState = {
  org: 'rails',
  repo: 'rails',
  page: 1,
  displayType: 'issues',
  issueId: null
-}
+} as CurrentDisplayState
 
 const issuesDisplaySlice = createSlice({
  name: 'issuesDisplay',
@@ -575,10 +575,10 @@ interface RepoDetailsState {
  error: string | null
 }
 
-const initialState: RepoDetailsState = {
+const initialState = {
  openIssuesCount: -1,
  error: null
-}
+} as RepoDetailsState
 
 const repoDetails = createSlice({
  name: 'repoDetails',
@@ -761,14 +761,14 @@ interface IssuesState {
  error: string | null
 }
 
-const issuesInitialState: IssuesState = {
+const issuesInitialState = {
  issuesByNumber: {},
  currentPageIssues: [],
  pageCount: 0,
  pageLinks: {},
  isLoading: false,
  error: null
-}
+} as IssuesState
 
 function startLoading(state: IssuesState) {
  state.isLoading = true
@@ -1082,11 +1082,11 @@ interface CommentLoaded {
  comments: Comment[]
 }
 
-const initialState: CommentsState = {
+const initialState = {
  commentsByIssue: {},
  loading: false,
  error: null
-}
+} as CommentsState
 
 const comments = createSlice({
  name: 'comments',

docs/usage/usage-with-typescript.md

@@ -277,7 +277,7 @@ The standard approach is to declare an interface or type for your state, create
 type SliceState = { state: 'loading' } | { state: 'finished'; data: string }
 
 // First approach: define the initial state using that type
-const initialState: SliceState = { state: 'loading' }
+const initialState = { state: 'loading' }: SliceState
 
 createSlice({
  name: 'test1',
@@ -367,10 +367,10 @@ interface UsersState {
  loading: 'idle' | 'pending' | 'succeeded' | 'failed'
 }
 
-const initialState: UsersState = {
+const initialState = {
  entities: [],
  loading: 'idle'
-}
+} as UsersState
 
 const usersSlice = createSlice({
  name: 'users',

docs/virtual/matchers/index.ts

@@ -34,10 +34,10 @@ export interface ExampleState {
  isInteresting: boolean
 }
 
-export const initialState: ExampleState = {
+export const initialState = {
  isSpecial: false,
  isInteresting: false
-}
+} as ExampleState
 
 export const isSpecialAndInterestingThunk = createAsyncThunk(
  'isSpecialAndInterestingThunk',