Table: Detail 'template' does not seem to have access to table's "props"

[SharkFourSix]

Hello, I have a table and I would like to show the details template for specific rows that have a certain property set. When I try to use the props (from the table/column), vue complains that it's not defined. However, I can access the props inside the template itself, just not in the v-for like below.

Another problem is that when I expand/collapse the detail, it opens/closes for rows instead of only the one that I have selected.

<table>
<... columns here>

<template v-if="props.row.someBooleanFlag" #default="props"> <!-- vue throws an error that the props in the v-if is not defined-->
  <section>
<h3>Only show this for the row that has the condition above</h3>
<span>current row is {{ props.row.id}} <-- this works
</section>
</template>

</table>