Can't I use the useSearch hook by utilizing validateSearch in route.tsx?

[myodan]

I would like to create a feature that automatically routes to the login page when accessing a route that requires authentication, and then returns to the original page after login. I have implemented it as shown in the code below, but I am getting an error. How can I fix it?

The route code for the path (authorized)/route.tsx.

export const Route = createFileRoute("/(authorized)")({
	validateSearch: z.object({
		redirect: z.string().optional(),
	}),
	beforeLoad: async ({ context: { queryClient }, location }) => {
		const auth = await queryClient.ensureQueryData(authQueryOptions);
		if (!auth) {
			toast.warning("Sign in is required.");
			throw redirect({ to: "/sign-in", search: { redirect: location.href } });
		}
	},
	component: <Outlet />,
});

The code below is the sign in mutation used when signing in.

export const useSignInMutation = () => {
	const router = useRouter();
	const search = useSearch({ from: "/(authorized)" });
	const [, setAccessToken] = useAccessToken();
	const queryClient = useQueryClient();

	return useMutation({
		mutationFn: (values: SignInSchema) =>
			fetcher.post<SignInResponse>("auth/sign-in", { json: values }).json(),
		onSuccess: ({ accessToken }) => {
			setAccessToken(accessToken);
			queryClient.removeQueries({ queryKey: authQueryOptions.queryKey });
			toast.success("Sign In Successful");
			router.history.push(search.redirect ?? "/");
		},
		onError: () => {
			toast.error("Sign-In Failed");
		},
	});
};

I get an error like the one below

Invariant failed: Could not find an active match from "/(authorized)"

For reference, the fetching library uses ky.

[myodan]

On second thought, I think the error was caused by (authorized)/route.tsx not being enabled on the /sign-in page. I solved it by moving validateSearch to __root.tsx, but I was wondering if there is a better way.