Estoy tratando de obtener el valor de foo param de http://localhost:3000/params?foo=123
Pero estoy recibiendo este error:
Error: Params(...): No se devolvió nada del renderizado. Esto generalmente significa que falta una declaración de devolución. O, para no representar nada, devuelve nulo.
¿Por qué?
import { BrowserRouter as Router, useLocation } from "react-router-dom"; import React from "react"; export function useQuery() { return new URLSearchParams(useLocation().search); } export function QueryScreen() { let query = useQuery(); return ( <> <h1>{query.get("foo")}</h1>; </> ); } export default function Params() { <Router> <QueryScreen /> </Router>; }¡Hecho! Este fragmento resolvió mi problema:
import { useRouter } from "next/router"; export default function Items(props) { const { query } = useRouter(); return ( <div> <h1>{query.foo}</h1> </div> ); }