Quiero presentarles este problema. He buscado en Google pero no puedo encontrar una solución. Quiero crear una validación personalizada para sí. Sigo las guías y reacciono cuando guardo la validación. Funciona bien, pero cuando Presiono f5 me sale este error.

error

Estos son los archivos que uso para crear la validación.

Fragmento:CrearGenero

 const schema = yup.object({ nombre: yup.string().required().primeraLetraMayuscula() })

Archivo:Global.d.ts

 // eslint-disable-next-line @typescript-eslint/no-unused-vars import { StringSchema } from "yup"; declare module 'yup'{ interface StringSchema { primeraLetraMayuscula(): this } }

Archivo: Validaciones.ts

 import * as yup from 'yup' export default function configurarValidaciones() { yup.addMethod(yup.string, 'primeraLetraMayuscula', function () { return this.test('primeramayuscula', 'La primera letra debe ser mayuscula', function (valor) { if (valor && valor.length > 0) { const primeraLetra = valor.substring(0, 1); return primeraLetra === primeraLetra.toUpperCase(); } return true; } ) }) }

Gracias