Universal Section Blocks with Content from MySQL - Please Help

[clonefunnels]

I'm trying to create universal sections that can be dragged onto the editor as blocks and then edited on any page and updated to the database with the same content on every page.

I kind of have it working the way I want, based on an example that was given somewhere in this forum. But the issue is that when the editor is reloaded, it duplicates the instance in the source code. I can only tell it's duplicating because I wrapped it in a div to identify it, and I see the submission logs in console submitting it multiple times.

What I'm trying to accomplish is to identify the section when I write the page file, and then do a php string replace to insert the section on the page from my mysql block_data table.

Can you suggest a better way to get the content of the section and write it to the page so I don't have to rely on the duplicating div tags?

Duplicates like this:

<div id="universal-section">
  </div>
  <div id="universal-section-2">
  </div>

Here's my code:

bm.add('universal-section', {
  name: 'Universal Section',
  content: { type: 'collection', category: 'SET-1'},
  category: {
        id: 'Universal Section',
        label: 'Universal Section',
      },
  label: 'Universal Section',
  attributes: {
  title: 'Universal Section'
  }
  });
  
  editor.DomComponents.addType('collection', {
  id: 'universal',
    model: {
    defaults: {
      category: 'SET-1',
    },
    toHTML() {
      const category = this.get('category');
    },
  },
  view: {
    onRender() {
      const { $el, model } = this;
      const category = model.get('category');
      $el.empty();
      const content = [
        'MySQL Database Content',
       ];
       editor.getComponents().add('<div id="universal-section">')
        model.append(content); 
        editor.getComponents().add('</div>')

if (component.get('category') == 'SET-1') {
     const domElement = component.getEl();
        
let componentCss = editor.CodeManager.getCode(component,  'css', {
   cssc: editor.CssComposer
});

        editor.on('component:update', (component) => {
        $.post("/store",
        {name: 'Universal Section',
        block_data: '<style>'+componentCss+'</style>' + domElement.innerHTML},
        function (result) {});});
      }
    }}})