Skip to content

Outdated code example in "File-Based Routing" #836

@ayanamists

Description

@ayanamists

I'm new to blitzjs. I tried the code example in the page File-Based Routing:

import { useParam } from "blitz"

const Post = () => {
  const pid = useParam("pid")

  return <p>Post: {pid}</p>
}

export default Post

blitz dev produce such error:

TypeError: (0 , blitz__WEBPACK_IMPORTED_MODULE_1__.useParam) is not a function
    at Post (webpack-internal:///./src/pages/posts/[pid].tsx:12:64)
    at renderWithHooks (/data/image-data/caoliu/str/caoliu-frontend/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
    at renderIndeterminateComponent (/data/image-data/caoliu/str/caoliu-frontend/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5731:15)
    at renderElement (/data/image-data/caoliu/str/caoliu-frontend/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)

It seems that the useParam function should be imported from @blitzjs/next. I found this solution in #3446. So maybe it's better to update the docs?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions