Rendering more than 1 table in a single page

public function content(Schema $schema): Schema
{
return $schema
->components([
Tabs::make('Production Run Management')
->tabs([
Tab::make('Details') // Table A
->schema([
// View::make('module-mes::table-b-component') --> Calling the livewire component directly render the table rendered by EmbeddedTable::make() (Table A) instead of Table B
//     ->viewData([
//         'record' => $this->record,
//     ])
]),
Tab::make('Items') // Table A
->schema([
EmbeddedTable::make()
]),
Tab::make('Material Usage') // Table B
->schema([
View::make('module-mes::test2') // This open a plain blade that calls the livewire component (Table B)
->viewData([
'record' => $this->record,
])
]),
Tab::make('Report')
]),
]);
}

//test2.blade.php
<div>
@livewire('module-mes::table-b', ['record' => $record]) 
</div>