add arg table for ReferenceArea stories

[lukask-proxora]

Description

Related Issue

#3432

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[Yilun-Sun]

Hi @lukask-proxora! Please rebase to master to avoid CI failing on type errors. Thanks!

[ckifer]

+1 to the above, thanks

[nikolasrieble]

Now the defaultValue seems to be defined twice. Is that necessary?

[lukask-proxora]

Hi @nikolasrieble, without the defaultValue in the table prop, the default value in the args table is not set to the manually set defaultValue of the argType, but only to the inferred default value.

According to storybookjs/storybook#11983 (comment) (which also refers to https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args):

To affect the Default column in the ArgsTable, you should set the argTypes..table.defaultValue field. The value should be an object with the keys summary and optionally details, which are both strings.

[nikolasrieble]

Looks great, please remove the redundant duplicate definition of the defaultValue in the AnimationProps. Not blocking though.

[ckifer]

merging in for now, thanks!