Function renderSettingsTab

packages/devtools/src/tabs/settings-tab.test.tsx:15–35

(config?: Partial<TanStackDevtoolsConfig>)

 * setter from context (obtained inside the provider tree, so the store mutation
 * goes through the real provider value and drives reactivity).
 */
const renderSettingsTab = (config?: Partial<TanStackDevtoolsConfig>) => {
  let setSettings!: (s: Partial<DevtoolsStore['settings']>) => void

  const Capture = () => {
    setSettings = createDevtoolsSettings().setSettings
    return <SettingsTab />
  }

  const result = render(() => (
    <ThemeContextProvider theme="dark">
      <DevtoolsProvider config={config as TanStackDevtoolsConfig}>
        <Capture />
      </DevtoolsProvider>
    </ThemeContextProvider>
  ))

  return {
    ...result,
    setSettings: (s: Partial<DevtoolsStore['settings']>) => setSettings(s),
  }
}

describe('SettingsTab', () => {