Si tengo 2 ganchos SWR en la misma función (o algún otro gancho que tenga una variable de datos),
export default function Panel() { const { data, error } = useSWR("/api/customer", fetcher); const { data, error } = useSWR("/api/user", fetcher); ... data.map(...) }ambos tienen una variable de datos. ¿Cómo puedo cambiar el nombre de 1 dato a otra cosa para que no se reemplacen entre sí?
Como una opción:
const { data, error } = useSWR("/api/customer", fetcher); const dataHook1 = data; const { data, error } = useSWR("/api/user", fetcher); const dataHook2 = data; ...pero no se ve bien, tal vez hay otras opciones?
puede intentar desestructurar y cambiar el nombre de la propiedad
export default function Panel() { const { data: data1, error: error1 } = useSWR("/api/customer", fetcher); const { data: data2, error: error2 } = useSWR("/api/user", fetcher); ... data.map(...) }y puede acceder como data1, error1 y data2, error2.