create-better-t-stack 3.2.21 → 3.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs +2 -8
  3. package/templates/frontend/react/tanstack-start/src/routes/__root.tsx.hbs +3 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-better-t-stack",
3
- "version": "3.2.21",
3
+ "version": "3.2.22",
4
4
  "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/templates/frontend/react/tanstack-router/src/routes/__root.tsx.hbs CHANGED
@@ -1,5 +1,4 @@
1
1
  import Header from "@/components/header";
2
- import Loader from "@/components/loader";
3
2
  import { ThemeProvider } from "@/components/theme-provider";
4
3
  import { Toaster } from "@/components/ui/sonner";
5
4
  {{#if (eq api "orpc")}}
@@ -20,7 +19,6 @@ import {
20
19
  HeadContent,
21
20
  Outlet,
22
21
  createRootRouteWithContext,
23
- useRouterState,
24
22
  } from "@tanstack/react-router";
25
23
  import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
26
24
  import "../index.css";
@@ -61,10 +59,6 @@ export const Route = createRootRouteWithContext<RouterAppContext>()({
61
59
  });
62
60
 
63
61
  function RootComponent() {
64
- const isFetching = useRouterState({
65
- select: (s) => s.isLoading,
66
- });
67
-
68
62
  {{#if (eq api "orpc")}}
69
63
  const [client] = useState<AppRouterClient>(() => createORPCClient(link));
70
64
  const [orpcUtils] = useState(() => createTanstackQueryUtils(client));
@@ -82,7 +76,7 @@ function RootComponent() {
82
76
  >
83
77
  <div className="grid grid-rows-[auto_1fr] h-svh">
84
78
  <Header />
85
- {isFetching ? <Loader /> : <Outlet />}
79
+ <Outlet />
86
80
  </div>
87
81
  <Toaster richColors />
88
82
  </ThemeProvider>
@@ -95,7 +89,7 @@ function RootComponent() {
95
89
  >
96
90
  <div className="grid grid-rows-[auto_1fr] h-svh">
97
91
  <Header />
98
- {isFetching ? <Loader /> : <Outlet />}
92
+ <Outlet />
99
93
  </div>
100
94
  <Toaster richColors />
101
95
  </ThemeProvider>
package/templates/frontend/react/tanstack-start/src/routes/__root.tsx.hbs CHANGED
@@ -7,7 +7,6 @@ import {
7
7
  Outlet,
8
8
  Scripts,
9
9
  createRootRouteWithContext,
10
- useRouterState,
11
10
  {{#if (and (eq backend "convex") (or (eq auth "clerk") (eq auth "better-auth")))}}
12
11
  useRouteContext,
13
12
  {{/if}}
@@ -24,7 +23,6 @@ import type { ConvexReactClient } from "convex/react";
24
23
  import type { QueryClient } from "@tanstack/react-query";
25
24
  {{/if}}
26
25
  {{/if}}
27
- import Loader from "@/components/loader";
28
26
 
29
27
  {{#if (and (eq backend "convex") (eq auth "clerk"))}}
30
28
  import { ClerkProvider, useAuth } from "@clerk/tanstack-react-start";
@@ -125,7 +123,6 @@ export const Route = createRootRouteWithContext<RouterAppContext>()({
125
123
  });
126
124
 
127
125
  function RootDocument() {
128
- const isFetching = useRouterState({ select: (s) => s.isLoading });
129
126
  {{#if (and (eq backend "convex") (eq auth "clerk"))}}
130
127
  const context = useRouteContext({ from: Route.id });
131
128
  return (
@@ -138,7 +135,7 @@ function RootDocument() {
138
135
  <body>
139
136
  <div className="grid h-svh grid-rows-[auto_1fr]">
140
137
  <Header />
141
- {isFetching ? <Loader /> : <Outlet />}
138
+ <Outlet />
142
139
  </div>
143
140
  <Toaster richColors />
144
141
  <TanStackRouterDevtools position="bottom-left" />
@@ -159,7 +156,7 @@ function RootDocument() {
159
156
  <body>
160
157
  <div className="grid h-svh grid-rows-[auto_1fr]">
161
158
  <Header />
162
- {isFetching ? <Loader /> : <Outlet />}
159
+ <Outlet />
163
160
  </div>
164
161
  <Toaster richColors />
165
162
  <TanStackRouterDevtools position="bottom-left" />
@@ -177,7 +174,7 @@ function RootDocument() {
177
174
  <body>
178
175
  <div className="grid h-svh grid-rows-[auto_1fr]">
179
176
  <Header />
180
- {isFetching ? <Loader /> : <Outlet />}
177
+ <Outlet />
181
178
  </div>
182
179
  <Toaster richColors />
183
180
  <TanStackRouterDevtools position="bottom-left" />