Storybook 7.0.26 issue with custom args

RepoComponent.stories.ts

import type { Meta, StoryObj } from '@storybook/vue3';
import Component from './ReproComponent.vue';

const meta: Meta<typeof Component> = {
    component: Component,

    render: (args, { argTypes }) => ({
        components: { Component },
        props: Object.keys(argTypes),
        template: `
            <Component v-bind="$props">
                Card content

                <template #footer v-if="withFooter">
                    Footer for the card
                </template>
            </Component>
        `,
    }),

    args: {
        withFooter: true,
    },
};

export default meta;

type Story = StoryObj<typeof Component>;

export const Default: Story = {};

ReproComponent.vue

<template>
    <div>
        <slot />

        <h3 v-if="$slots.footer">
            <slot name="footer"></slot>
        </h3>
    </div>
</template>