broad-brown

validate search params using Valibot Error

Hello, I have followed the documentation here (https://tanstack.com/router/latest/docs/framework/react/guide/search-params#valibot) for validating search params using valibot. However I got some error saying that the type doesn't match. Does anyone know how to solve this? Thanks in advance! Here's my code:

const AuthErrorSearchSchema = object({
  message: optional(
    fallback(string(), "An error occurred"),
    "An error occurred"
  ),
});

export const Route = createFileRoute("/auth-error")({
  validateSearch: AuthErrorSearchSchema,
});

const AuthErrorSearchSchema = object({
  message: optional(
    fallback(string(), "An error occurred"),
    "An error occurred"
  ),
});

export const Route = createFileRoute("/auth-error")({
  validateSearch: AuthErrorSearchSchema,
});

TanStack | High Quality Open-Source Software for Web Developers

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

5 Replies

extended-salmon•10mo ago

which router and which valibot version are you using?

broad-brownOP•10mo ago

I'm using valibot version 1.0.0-beta.6, and tanstack router version ^1.81.2

extended-salmon•10mo ago

you need at least https://github.com/TanStack/router/releases/tag/v1.81.4

GitHub

Release v1.81.4 · TanStack/router

Version 1.81.4 - 11/11/24, 11:56 PM Changes Fix react-router: update standard schema (#2729) (e13acec) by Christopher Horobin Packages @tanstack/react-router@1.81.4 @tanstack/router-valibot-adap...

extended-salmon•10mo ago

since there was a breaking change in valibot

broad-brownOP•10mo ago

Ahh I seeee thank you so much @Manuel Schiller 🙏🙏

Gaming

Programming

validate search params using Valibot Error

Did you find this page helpful?