TanStack Devtools アプリケーションセットアップ

セットアップ

React（メイン）

開発用の依存パッケージとしてインストールします：

npm install -D @tanstack/react-devtools @tanstack/devtools-vite

アプリケーションのルートに TanStackDevtools をマウントします：

import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { TanStackDevtools } from '@tanstack/react-devtools'
import App from './App'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <App />
    <TanStackDevtools />
  </StrictMode>,
)

plugins プロップ経由でプラグインを追加します。各プラグインは name（文字列）と render（JSX要素またはレンダー関数）が必要です：

...