router not reloading component after change through SB controls

[Zebeqo]

I encounter this issue again in v2. #30

Here is my demo code.

import type { Meta, StoryObj } from "@storybook/react";
import { Outlet } from "react-router-dom";
import {
  reactRouterNestedAncestors,
  reactRouterParameters,
  withRouter,
} from "storybook-addon-react-router-v6";

const meta = {
  title: "Demo",
  decorators: [withRouter],
  parameters: {
    reactRouter: reactRouterParameters({
      routing: reactRouterNestedAncestors([
        {
          path: "/",
          element: (
            <div>
              Parent
              <Outlet />
            </div>
          ),
        },
      ]),
    }),
  },
} satisfies Meta;

export default meta;

export const Demo_: StoryObj<{
  test: string;
}> = {
  args: {
    test: "test",
  },
  render: ({ test }) => <div>{test}</div>,
};

I also created a repository if you want to check out the related dependencies.

• https://github.com/Zebeqo/sb7-react-router-addon-bug/

[JesusTheHun]

@Zebeqo thanks for reporting this, once again !

I didn't test arg change through controls when the story IS the outlet. I'll have to create some tooling to make automated testing possible with this.

Anyway, I was able to reproduce and fixed it, for good I believe.

[Zebeqo]

@JesusTheHun Works great in our project, thanks a lot! 😊