Tengo la aplicación nextjs / react en la que estoy usando el próximo enrutador para agregar algunas consultas a mi URL. La consola de desarrollo de Chrome me da muchas advertencias al usar esta función:
const putTargetsToQueryParams = (targets: IFragranceNote[]) => { const data = targets.map(t => encodeURI(t.name)).join(',') router.query.fragranceNote = data router.push({ ...router, query: data }, undefined, { shallow: true }) }Esto funciona hasta ahora, pero la consola de desarrollo de Chrome arroja muchas advertencias que se parecen a esto:
react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: route react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: asPath react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: components react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: isFallback react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: basePath react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: locale react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: locales react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: defaultLocale react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: isReady react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: isPreview react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: isLocaleDomain react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: domainLocalesTambién probé el siguiente enfoque que conduce a las mismas advertencias:
const putTargetsToQueryParams = (targets: IFragranceNote[]) => { const data = targets.map(t => encodeURI(t.name)).join(',') router.push({ ...router, query: { ...router.query, fragranceNote: data } }, undefined, { shallow: true }) }La función funciona, agrego consultas correctamente, pero me gustaría entender por qué ocurren todas estas advertencias.
Los parámetros son incorrectos, debería verse algo similar a esto:
router.push({ pathname: '/', query: { ...router.query, fragranceNote: data } }, undefined, {} )El nombre de la ruta es importante.
¿Qué versión de next estás usando?
Consulte este problema de github: https://github.com/vercel/next.js/issues/17339