Not working in browser

I'm loading ajv and ajv-errors from cdn and importing them into my javascript (no framework), but for some reason I still get default error messages from ajv instead of custom error messages that I have added to my json schema. Below is my frontend code. Note that in my Node.js backend ajv-errors works perfectly, so I know that problem is not in my schema or code. Does ajv-errors support esm at all?

````
import Ajv from 'https://cdn.jsdelivr.net/npm/ajv@8.12.0/+esm';
import ajvErrors from 'https://cdn.jsdelivr.net/npm/ajv-errors@3.0.0/+esm';

const ajv = new Ajv({
allErrors: true,
strict: false
});

ajvErrors(ajv);
const validator = ajv.compile(mySchema);
const valid = validator(json);

if (!valid) {
console.log(validator.errors);
}
````

You can see the problem on below page if you enter a number for the name fields and submit the form:
https://form-liart-five.vercel.app/

Source code available at:
https://github.com/smohadjer/form