JS Heap out of memory in Next.js project

[desiboli]

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

I have a pretty simple form component.
When importing makeZodI18nMap I'm getting the heap out of memory error and I'm not able to lint or build my code.

I'm using it like this:

 import { makeZodI18nMap } from 'zod-i18n-map';
 //.....
  const { t } = useTranslation(['common', 'login']);
  z.setErrorMap(makeZodI18nMap({ t ));
 //....

When commenting the following lines out, I'm able to lint and build my code again.

am I doing something wrong here, or could this possibly be a bug in zod-i18n ?

[zowebs]

Hello,
I have just tried to build the Next.js project using next-i18next and everything went fine. Iam using turborepo (but I think this should not have effect on your issue)

Are you setting the map on each occurence of zod or just once?
Iam setting the translations just once in my generic useForm hook. ;)

[desiboli]

Hi!
ok cool, so it's working fine fore you ?

the makeZodI18nMap you mean ? I just tried it on one component once, that failed as mentioned.
Would love to see your generic useForm hook 🙏

[zowebs]

There you go:
..btw, useTranslation from my @utils/translation is just reexported useTranslation from next-i18next.

import {
  useForm as useFormRHF,
  FieldValues,
  UseFormProps,
  useFieldArray,
  FormProvider,
  useFormContext,
} from 'react-hook-form'
import { zodResolver } from '@hookform/resolvers/zod'
import z, { ZodType } from 'zod'
import { makeZodI18nMap } from 'zod-i18n-map'
import { useTranslation } from '@utils/translation'

interface UseFormCustom {
  validationSchema: ZodType
}

export const useForm = <T extends FieldValues, TContext = unknown>({
  validationSchema,
  ...props
}: UseFormProps<T, TContext> & UseFormCustom) => {
  const { t } = useTranslation('zod')
  z.setErrorMap(makeZodI18nMap({ t }))

  return useFormRHF<T, TContext>({
    ...props,
    resolver: zodResolver(validationSchema),
  })
}

export { useFieldArray, FormProvider, useFormContext }