linkTo another story error

[darul75]

Hi guys,

I try to figure out what can produce that error when clicking a button with a specific handler to switch to another named story:

page_bus.js?147f:40 Uncaught Error: dataId is not supplied via queryString

const props = {
    handleSignIn: function() {
      linkTo('Tab', 'empty');
    }
  }
};

storiesOf('Login', module)
  .add('empty', () => (
    <Login {...props} />
));

[arunoda]

@darul75 Try this:

const props = {
    handleSignIn: linkTo('Tab', 'empty'),
  }
};

Then it'll work.

[darul75]

ok fine, thx

[darul75]

Hi,

I have tried but result is still the same

linkTo is giving error and action dump to console but trigger same error

[arunoda]

Okay. I'll have look at them do a fix if we can ASAP.

[arunoda]

This seems not like a linkTo issue. But something else, if there anyway you can provide a repo where we can reproduce this issue.

[darul75]

first thanks for giving feedback quickly, I need to extract and reproduce the case in a small repo as I am not allowed to share it with you.

[RajnishDashora]

+1, facing the same issue.

[necolas]

We were having a similar issue after updating from 1.x to 2.3.0 (also unrelated to linkTo). In our case, the issue was that the way storybook works with the custom webpack config appears to have changed. The storybook config include the HtmlWebpackPlugin plugin (which we use for non-strorybook rendering), which previously did nothing but now it replaces the default HTML that storybook renders and breaks the init step.

[arunoda]

@necolas Interesting.
I'll do a test and see what's going on here.
May be we'll remove HtmlWebpackPlugin if it exists. Since it has no effect when used with storybook.

[necolas]

I think this was just a case of my mistake :)

[Ne-Ne]

I am getting the same issues when using it with setState in react:

Problem

This is just a quick example, a button is clicked. isLoading a boolean state for react component overlay. Complete 1500 millisecond delay then it should fire linkTo() however it does not work...

handleContinueButton = () => {
    this.setState(
      {
        isLoading: true,
      },
      () => {
        setTimeout(() => {
          this.setState(
            {
              isLoading: false,
            },
            () => linkTo('section_1', 'section_1_2')
          );
        }, 1500);
      }
    );
  };

Button origin

<Button onClick={this.handleContinueButton} fluid primary size="large" content="Continue" />

Any ideas?

[ndelangen]

linkTo('section_1', 'section_1_2') returns a function that when called, will navigate.

linkTo('section_1', 'section_1_2')() will navigate.