client devtools.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
 
 
 
332x
 
 
1658x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import type React from "react";
 
import { TanStackDevtools } from "@tanstack/react-devtools";
import { formDevtoolsPlugin } from "@tanstack/react-form-devtools";
import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
 
export const DevToolsProvider: React.FC<React.PropsWithChildren<object>> = ({
	children,
}) => (
	<>
		{children}
		{/* When running with '--mode test' hydration mismatch error appears */}
		<TanStackDevtools
			config={{
				triggerHidden: true,
				openHotkey: ["CtrlOrMeta", "X"],
			}}
			plugins={[
				{
					name: "TanStack Query",
					render: <ReactQueryDevtoolsPanel />,
				},
				{
					name: "TanStack Router",
					render: <TanStackRouterDevtoolsPanel />,
				},
				formDevtoolsPlugin(),
			]}
		/>
	</>
);