Router params access from storybook story

storybook-router-params.js

import React from 'react'
import { MemoryRouter, Route } from 'react-router'

export default {
  title: 'UserCard',
  decorators: [],
}

const UserCard = ({
  match: {
    params: { id },
  },
  firstName,
  lastName,
}) => <div>{`${firstName} ${lastName} ${id}`}</div>

export const Default = () => {
  const props = {
    firstName: 'Al',
    lastName: 'Pacino',
  }

  return (
    <MemoryRouter initialEntries={['/user/108']}>
      <Route
        component={(routerProps) => <UserCard {...routerProps} {...props} />}
        path='/user/:id'
      />
    </MemoryRouter>
  )
}

Thank you. I was worried about the dependence of useParams hooks, and it helped me a lot.

@leeyun1533 🙌