Typescriptのタイプエラーの修正方法について

Question

困っていること

typescriptを勉強し始めたのですが、storeにてinitial_stateを読み込もうとするとタイプエラー？が発生してしまい解決する方法が分からない状態です。

// src/reducers/initial_state.ts

export interface State {
  currentUser: {
    uid: string
    userId: string
    firstNname: string
    lastNname: string
  }
}

const initialState: State = {
  currentUser: {
    uid: '',
    userId: '',
    firstNname: '',
    lastNname: ''
  }
}
export default initialState;

// src/store.ts

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from "redux-thunk"
import rootReducer from './reducers/root_reducers';
import initialState from './reducers/initial_state'


const storeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(
  rootReducer,
  initialState,
  storeEnhancers(applyMiddleware(thunk))
);

export default store

//　src/reducers/root_reducers.ts

import { combineReducers } from 'redux'
import currentUserReducer from './session_reducer';

const rootReducers = combineReducers({
  user: currentUserReducer.currentUser
});

export default rootReducers;

実現したいこと

エラーの解消法をご教示頂きたいです。

Answer 1

initialStateを入れる場所が違います。
createStoreの引数にはreducerが入りますので、initialState(初期値)は入りません。
React ReduxのDocumentationを熟読しましょう。
この通りにやればできるはずです。

Comments

[nanase21]

ご教示頂きありがとうございます。
解決できました。

Answer 2

createStore関数の引数として、型が一致するよう、Stateインターフェースのプロパティと、
付随してinitialStateのプロパティを調整して下さい。
createStore関数の定義箇所に飛び、中身をみて、どういった型の引数が必要か確認するか、または'redux'に関して、使い方を調べましょう。

Comments

[nanase21]

ご教示頂きありがとうございます。
解決できました。