Ошибка сборника рассказов. Невозможно прочесть свойство "местоположение" неопределенного значения.

Question

Я пытаюсь заставить мою Storybook работать с моим приложением React. Я использую redux 4.0.1.

Я не могу использовать конкретный компонент, где я также использую redux. Это ошибка, которую я получаю:

Ошибка Storybook Невозможно прочитать свойство 'location' неопределенного

---

Это мой мой devDependencies:

  "devDependencies": {
    "@babel/core": "^7.10.0",
    "@storybook/addon-actions": "^5.3.19",
    "@storybook/addon-links": "^5.3.19",
    "@storybook/addons": "^5.3.19",
    "@storybook/react": "^5.3.19"
  }

Мой компонент Navbar.js:

import React, { Component } from "react";
import { connect } from "react-redux";

class Navbar extends Component {
  render() {
    const { user } = this.props.auth;
    return (
      <div className="navbar-fixed">
        <nav className="z-depth-0">Hello, {user.name} </nav>
      </div>
    );
  }
}
const mapStateToProps = state => ({
  auth: state.auth
});
export default connect(
  mapStateToProps
)(Navbar);

И моя история 2-Navbar.stories.js:

import React from 'react';
import Provider from '../src/Provider.js'
import configureStore from "../src/configureStore";
import Navbar from '../src/components/layout/Navbar';

export default {
  title: 'Navbar',
  decorators: [storyFn => <Provider store={ configureStore }>{storyFn()}</Provider>]
};

export const Yay = () => <Navbar />;

Я хочу использовать «фиктивные» данные для передачи в мои панель навигации (например, имя и URL-адрес аватара), потому что в противном случае у меня есть ошибки сокращения.

Благодарю за любую помощь.