Doesn't apply the correct props when multiple components of the same type are on the same page

[Reffyy]

Code:

Button.stories.tsx

export const All = () => (
    <div>
        <Button className="primary" text="Primary"/>
        <Button className="secondary" text="Secondary"/>
    </div>
)

All.story = {
  decorators: [withSmartKnobs(), withKnobs]
}

Expected Result:

Actual Result:

This issue also applies when using the Docs addon (as it's a single page), meaning that all of the components within the page have the props of the first created component.

From what I can see, the values for the first component are stored against prop names when the page is navigated to and then the same values are used for every value for each component following. Could we try assigning the values to a unique property of each element instead?

Thanks!

[dantman]

Same problem. As soon as I tricked smart-knobs into supporting my component it ruined my docs page. I'd be happy at least with it being disable for docs page examples where the Knobs panel is not available as a start.