Error thrown on Custom form submit

[BALEHOK]

Steps:

1. Add "Show a modal or sidebar form" brick.
2. Invoke the extension, fill the form and Submit.

Expected:
Form is submitted successfully, the 'data' logged to the console.

Actual:
An error is logged in the console, the data is undefined.

Error compiling schema, function code: var refVal1 = refVal[1]; var validate = function(data, dataPath, parentData, parentDataProperty, rootData) { 'use strict';  var vErrors = null;  var errors = 0;      if (rootData === undefined) rootData = data;      var errs_1 = errors;    var errs_2 = errors; if ((typeof data !== "number" || (data % 1) || data !== data)) {  var err =  { keyword: 'type' , dataPath: (dataPath || '') + "" , schemaPath: '#/definitions/nonNegativeInteger/type' , params: { type: 'integer' }  , message: 'should be integer'  } ;  if (vErrors === null) vErrors = [err]; else vErrors.push(err); errors++;  }  if ((typeof data === "number")) {    if (  data < 0 || data !== data) {  var err =  { keyword: 'minimum' , dataPath: (dataPath || '') + "" , schemaPath: '#/definitions/nonNegativeInteger/minimum' , params: { comparison: '>=', limit: 0, exclusive: false }  , message: 'should be >= 0' } ;  if (vErrors === null) vErrors = [err]; else vErrors.push(err); errors++;  }   }  var valid2 = errors === errs_2;   var valid1 = errors === errs_1;   validate.errors = vErrors;  return errors === 0;        }; return validate;

{
    "data": undefined,
    "context": {
        "extensionPointId": "@internal/de6188b5041b1f74fdd1367df93bc08cc622b9ff",
        "label": "Modal form",
        "extensionId": "1846ba01-5c00-40f2-a4b4-9baf74e999ea"
    }
}

Extension export YAML:

apiVersion: v3
kind: recipe
metadata:
  id: ""
  name: Modal form
  description: Blueprint exported from PixieBrix
  version: 1.0.0
definitions:
  extensionPoint:
    kind: extensionPoint
    definition:
      type: menuItem
      reader:
        - "@pixiebrix/document-metadata"
      isAvailable:
        matchPatterns:
          - "*://*/*"
        urlPatterns: []
        selectors: []
      containerSelector: div:has(> a:contains("Tour"))
      position: append
      template: "<a href=\"#\" style=\"color: orange\">{{{ caption }}}</a>"
extensionPoints:
  - id: extensionPoint
    label: Modal form
    services: {}
    config:
      caption: Show form
      action:
        - id: "@pixiebrix/form-modal"
          config:
            schema:
              title: Example Form
              type: object
              properties:
                example:
                  title: Example Field
                  type: string
                  description: An example form field
            uiSchema:
              ui:order:
                - example
                - "*"
            cancelable: true
            submitCaption: Submit
            location: modal
          outputKey: form
      dynamicCaption: false

[twschiller]

Thanks for reporting @BALEHOK. Could you export the extension where you were seeing this problem? We need to understand it a bit better to triage

[BALEHOK]

Thanks for reporting @BALEHOK. Could you export the extension where you were seeing this problem? We need to understand it a bit better to triage

Added to the description.

[twschiller]

@BALEHOK I'm not able to reproduce this with the blueprint provided. Could you ensure you've run npm install and try again? If it's still happening for you could you reach out the @BLoe to see if he can reproduce it?

[BALEHOK]

@BLoe confirmed he also see the error.
Just in case, it's thrown by the content script, reported in the DevTools of the website (not the DevTools of the PageEditor)

[BALEHOK]

The error is thrown in ajv validator, called by react-jsonschema-form at https://github.dev/rjsf-team/react-jsonschema-form/blob/6063bce42fc3faec5710a67d2671aa5123239feb/packages/core/src/validate.js#L208

The original error (normally swallowed by the rjsf):

validation error es EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' https://apis.google.com http://localhost:8097".

    at new Function (<anonymous>)
    at Ajv.localCompile (vendors.js:15965:26)
    at Ajv.resolve (vendors.js:16297:19)
    at Object.resolveRef (vendors.js:16034:21)
    at Object.generate_ref [as code] (vendors.js:19563:22)
    at Object.generate_validate [as validate] (vendors.js:20332:37)
    at Object.generate_properties [as code] (vendors.js:19305:26)
    at generate_validate (vendors.js:20429:35)
    at localCompile (vendors.js:15933:22)
    at Ajv.compile (vendors.js:15900:13)

As stated by ajv the unsafe-eval should be enabled to run the validator or the schemas must be precompiled (you can start reading from here)