<h1 id="ha674a2016e">状況</h1><p>TypeScript + Next.js + Reduxで以下のようにuseSelectorを使おうとした際，useSelectorの引数でts(2339)が出た。</p><pre><code>const Component = () =&gt; {
  const current_page = useSelector(state =&gt; state.page.current_page)　// ← この部分
  switch (current_page) {
    case 'project':
      return &lt;HomeProject /&gt;
    default:
      return &lt;Dashboard /&gt;
 }</code></pre><p><br></p><h1 id="hc4c05c18f9">解決策</h1><p>useSelectorの引数の無名関数における引数（上のコードのstate）の型を指定する<br>1. useSelectorで取り出す状態の型（ここではRootState）を定義</p><pre><code>import { combineReducers } from "redux";
import inputReducer from "./reducers/input";
import pageReducer from "./reducers/page";
import { configureStore } from "@reduxjs/toolkit";

const rootReducer = combineReducers({input: inputReducer, page: pageReducer})

export const store = configureStore({
  reducer: rootReducer
})

store.subscribe(()=&gt; {console.log(store.getState())})

export type RootState = ReturnType&lt;typeof store.getState&gt;
export type RootDispatch = typeof store.dispatch</code></pre><p>2.stateの型を指定<br></p><pre><code>const Component = () =&gt; {
  const current_page = useSelector((state: RootState) =&gt; state.page.current_page)
  switch (current_page) {
    case 'project':
      return &lt;HomeProject /&gt;
    default:
      return &lt;Dashboard /&gt;
 }</code></pre><p><br>参考：https://stackoverflow.com/questions/60777859/ts2339-property-tsreducer-does-not-exist-on-type-defaultrootstate</p>

TypescriptでuseSelectorを使った時に出てくるエラーProperty '〇〇' does not exist on type 'DefaultRootState'の対処法を解説しています。

TypescriptでuseSelectorを使ったらエラーが出た

<h2 id="hdb41525ba7">ブログテンプレートから作成されました🎉</h2><p>ブログテンプレートからAPIを作成しました。<br>おつかれさまでした🎉<br></p><h2 id="hf45076424a">APIプレビューを試そう🚀</h2><p>最初に「APIプレビュー」をしてみましょう。<br>入稿したコンテンツはAPI経由で取得し、Viewに繋ぎ込みます。<br>APIプレビューでは実際のAPIレスポンスを確認でき、あなたの開発を加速させます。<br><br>👇まずはここをクリックします。<br><img src="https://images.microcms-assets.io/assets/956df1a3748845c2b6a401bc730a8295/9c2c53164046446882f872ed19d7cb83/blog-template-description1.png" alt=""><br><br>APIプレビュー画面が開いたら、<strong>「取得」</strong>ボタンでリクエストを試してみましょう。<br><img src="https://images.microcms-assets.io/assets/956df1a3748845c2b6a401bc730a8295/6bb51ad4e5304b378d6869bcfc55e5c5/blog-template-description2.png" alt=""><br><br>この記事の内容がAPIで取得できていることがわかります。<br><img src="https://images.microcms-assets.io/assets/956df1a3748845c2b6a401bc730a8295/97a79ab48d6441b7afe7cecd6630802d/blog-template-description3.png" alt=""></p><h2 id="h4c50a0f1e5"><br>次にやること🏃‍♂️</h2><p>APIプレビューで確認したレスポンスを参考に、あなた自身のWebサイトを構築しましょう。<br>microCMSはAPIでコンテンツを取得するため、お好きな言語・フレームワークで画面を構築できます。<br></p><ul><li><a href="https://document.microcms.io/tutorial/javascript/javascript-top" target="_blank" rel="noopener noreferrer">JavaScript SDK</a></li><li><a href="https://document.microcms.io/tutorial/nuxt/nuxt-top" target="_blank" rel="noopener noreferrer">Nuxt SDK</a></li><li><a href="https://document.microcms.io/tutorial/gatsby/gatsby-top" target="_blank" rel="noopener noreferrer">Gatsby SDK</a></li></ul><p><br>その他に<a href="https://microcms.io/features/sdk" target="_blank" rel="noopener noreferrer">サーバーサイドSDK（PHP / Go / Ruby）やモバイルSDK（iOS / Android）</a>もございます。<br><br>お困りなことや疑問点などございましたらお気軽にご連絡ください。<br><br>サポート窓口：<a href="mailto:support@microcms.io" target="_blank" rel="noopener noreferrer">support@microcms.io</a><br>よくある質問：<a href="https://help.microcms.io/ja/knowledge" target="_blank" rel="noopener noreferrer">https://help.microcms.io/ja/knowledge</a></p>