Render builder blocks other than div

Technical Questions
1

What are you trying to accomplish
I’m trying to make a custom table component with Table, TableRow and TableColumn. Whereby TableRow and TableColumn are children of Table rendered with Blocks component.

The issue is the Builder blocks component is a direct child of the the table element. As such

...
 <table class="table-fixed border-collapse w-full">
   <Blocks
      :parent="$props.builderBlock.id"
      path="component.options.content"
      :blocks="$props.content"
      class="!block"
      :allowed-components="['BaseTableHeading', 'BaseTableRow']"
   />
</table>
...

However because blocks renders as a div, it is an invalid to be a direct child of the table hence causing hydration mismatches.

Screenshots or video link
Screenshot 2025-07-03 at 3.57.20 PM

Code stack you are integrating Builder with
*e.g. Astro, VueJs

Are there any way we can force the Blocks component to render as the table instead eliminating the need of the wrapper table elment.