Storybook actions dont log when I use useArgs

I am using useArgs to update my Args but when i use onClick inside useArgs it doesnt get logged in actions

import { useArgs } from "@storybook/client-api";
import Tabs from ".";

export default {
  title: "Atom/Tabs",
  component: Tabs,
  parameters: {
    layout: "centered",
  },
};

const Template = (args) => {
  const [_, updateArgs] = useArgs();
  return <Tabs {...args} onClick={(value) => updateArgs({ active: value })} />;
};

export const Simple = Template.bind({});
Simple.args = {
  active: "Tab1",
  values: ["Tab1", "Tab2", "Tab3"],
};

Onclick gets logged if I remove the useArgs that is I dont call onClick inside the template