#Require FS Nextjs

1 messages · Page 1 of 1 (latest)

short chasm
#

Sin turbo tambien me da el mismo error

#

@dim wolf Puede ser por prisma?

#

Estoy usando prisma

dim wolf
#

Muestra un poco de codigo

short chasm
#

es medio grande el proyecto pero ahi te muestro

dim wolf
#

solo en la parte donde te da el error

short chasm
dim wolf
#

o donde uses prisma

short chasm
#

literal

dim wolf
#

en algun componente como la navbar o algo usas prisma?

short chasm
#

ahi te muestro un poco de codigo

dim wolf
#

oka

short chasm
#

Mi navbar

#

mi layout principal

#

mi cart

#

el problema es cuando descomento el cart

#

@dim wolf alguna idea?

dim wolf
short chasm
#

del navbar

#

si lo dejo asi funciona

dim wolf
#

que raro, como lo estás importando?

#

aunquen o parece que sea eso

short chasm
#

asi lo importo

#

no tengo idea que pasa

#

tiene el use client y todo

dim wolf
#

me parece raro, xq el navbar es server component

short chasm
#

sii

dim wolf
#

pero tu cart es client component, no deberia de haber ningun problema

short chasm
#

borre e instale el nodemodules como 10 veces con el pnpm lock

short chasm
#

ahora e dejado asi el cart para probar si anda

#

ya te digo

#

@dim wolf si lo dejo asi pelado anda

dim wolf
#

JAJA, entonces el problema puede que esté en el useCart o el OpenCart

#

aqui veo que tienes el sheet con un fragment como padre que otro elemento tienes aparte del sheet de shadcn?

short chasm
#

como?

dim wolf
#

tienes un fragment, usualmente lo usarias para tener 2 elementos al mismo "nivel" (?

short chasm
#

ese es el cart

dim wolf
#

ademas del sheet en el cart que mas tienes

short chasm
#

a lo podria dejar asi

#

solo el sheet de shadcn

#

ese es el openCart ```typescript
import { ShoppingCartIcon } from 'lucide-react'
import { Button } from '@/components/ui/button'

export default function OpenCart ({ quantity }: { className?: string, quantity?: number }) {
return (
<Button variant="outline" className="relative">
<ShoppingCartIcon />

  {quantity && (
    <span className="absolute -right-1.5 -top-1.5 ml-2 rounded-full bg-primary px-1 text-xs font-medium text-primary-foreground">
      {quantity}
    </span>
  )}
</Button>

)
}

#

el cart es el sheet de shadcnui

#

@dim wolf

#

ves algun error ?

#

llevo dias intentando resolverlo

dim wolf
#

Lo sé, lo sé

#

en el componente Cart tienes un fragment

#

con el <Sheet> dentro

short chasm
#

lo saque y quedo solo el <Sheet>

dim wolf
#

me refiero a que si tienes alguna otra cosa mas dentro del componente cart

short chasm
#

nono

#

solo eso

dim wolf
#

el useCart es un custom hook supongo no?

short chasm
#

es con zustand

#

parece que el error esta entre eso y el componente <Price>

#

si lo comento deja de romper

dim wolf
#

el componente price como es?

short chasm
#

ese es

dim wolf
#

y el useCart?

short chasm
#

este es el formater export const formatter = new Intl.NumberFormat('es-AR', {
style: 'currency',
currency: 'ARG'
})

#

ya te paso el useCart

#

ese es

dim wolf
short chasm
#

pero ya veo

#

ahi te digo

#

mira el useCart

dim wolf
#

oka

short chasm
dim wolf
#

el useCart no parece ser el problema, yo tambien uso zustand y normal

short chasm
#

ahi borrea el .nextjs y estoy levantando de nuevo

#

@dim wolf Parece que el problema es esta funcion export const formatter = new Intl.NumberFormat('es-AR', {
style: 'currency',
currency: 'ARG'
})

dim wolf
#

intenta mover la funcion a tu componente price avr

short chasm
#

voy

dim wolf
#

como ahi es client side deberia de funcionar

short chasm
#

si eso es

#

que locura

#

nose pq

dim wolf
#

bueno al menos ya está arreglado ajajaja

short chasm
#

siii jajaaj rarisimo

dim wolf
#

seguramente la funcion estaba con server side y pues petaba por eso