Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Setting Vue props via a variable in the story file

See original GitHub issue

Describe the bug Prior to version 6.2.9 the following Story worked:

const org = { name: 'example-org' };

export const Default = () => ({
  components: { Projects },
  store: getClonedStore(),
  props: {
    org: { default: org },
  },
  provide: { user, org, group, requirements },
  template: `<Projects :org="org" />`,
});

Now there’s an error saying org is null.

If I change it to this it works again:

const org = { name: 'example-org' };

export const Default = () => ({
  components: { Projects },
  store: getClonedStore(),
  data() {
    return {
      org,
    };
  },
  provide: { user, org, group, requirements },
  template: `<Projects :org="org" />`,
});

There appears to be some form of regression in the latest version. We were previously on 6.1.21.

We plan to move to the new format, but have hundreds of stories that need reworking and want to do this gradually.

Does anyone have any idea how we can fix this?

System

Environment Info:

  System:
    OS: macOS 11.3
    CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
  Binaries:
    Node: 14.16.0 - ~/.nvm/versions/node/v14.16.0/bin/node
    Yarn: 1.15.2 - /usr/local/bin/yarn
    npm: 6.14.11 - ~/Code/snyk/registry/frontend/node_modules/.bin/npm
  Browsers:
    Chrome: 90.0.4430.93
    Firefox: 82.0.2
    Safari: 14.1
  npmPackages:
    @storybook/addon-a11y: ^6.2.9 => 6.2.9
    @storybook/addon-actions: ^6.2.9 => 6.2.9
    @storybook/addon-backgrounds: ^6.2.9 => 6.2.9
    @storybook/addon-docs: ^6.2.9 => 6.2.9
    @storybook/addon-queryparams: ^6.2.9 => 6.2.9
    @storybook/addon-storysource: ^6.2.9 => 6.2.9
    @storybook/preset-typescript: ^3.0.0 => 3.0.0
    @storybook/source-loader: ^6.2.9 => 6.2.9
    @storybook/vue: ^6.2.9 => 6.2.9