FormIO Double Rendering

by brendanbond

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.form.io/formiojs/4.19.2/formio.full.min.css">
<script src="https://cdn.form.io/formiojs/4.21.5/formio.full.min.js"></script>
<div class="container">
  <div id="formio" />
</div>

JavaScript

const formDefinition = {
  "_id": "65c3f9d0a0c882d4fdaece33",
  "title": "2024 Gilsbar CNA New Business LPL",
  "name": "2024GilsbarCnaNewBusinessLpl",
  "path": "2024gilsbarcnanewbusinesslpl",
  "type": "form",
  "display": "form",
  "tags": [],
  "access": [
    {
      "type": "create_own",
      "roles": []
    },
    {
      "type": "create_all",
      "roles": []
    },
    {
      "type": "read_own",
      "roles": []
    },
    {
      "type": "read_all",
      "roles": [
        "63349beb3a2c702d8cef9a1f",
        "63349beb3a2c7037edef9a25",
        "63349beb3a2c7036ffef9a2d"
      ]
    },
    {
      "type": "update_own",
      "roles": []
    },
    {
      "type": "update_all",
      "roles": []
    },
    {
      "type": "delete_own",
      "roles": []
    },
    {
      "type": "delete_all",
      "roles": []
    },
    {
      "type": "team_read",
      "roles": []
    },
    {
      "type": "team_write",
      "roles": []
    },
    {
      "type": "team_admin",
      "roles": []
    }
  ],
  "submissionAccess": [
    {
      "type": "create_own",
      "roles": []
    },
    {
      "type": "create_all",
      "roles": []
    },
    {
      "type": "read_own",
      "roles": []
    },
    {
      "type": "read_all",
      "roles": []
    },
    {
      "type": "update_own",
      "roles": []
    },
    {
      "type": "update_all",
      "roles": []
    },
    {
      "type": "delete_own",
      "roles": []
    },
    {
      "type": "delete_all",
      "roles": []
    },
    {
      "type": "team_read",
      "roles": []
    },
    {
      "type": "team_write",
      "roles": []
    },
    {
      "type": "team_admin",
      "roles": []
    }
  ],
  "owner": "6478bec75df518fbc0afbbff",
  "components": [
    {
      "title": "<b>ABOUT THE FIRM</b>",
      "collapsible": false,
      "key": "bAboutTheFirmB",
      "type": "panel",
      "label": "Panel",
      "input": false,
      "tableView": false,
      "components": [
        {
         ...