blitz-js / blitzjs.com

Website & docs
https://blitzjs.com
MIT License
179 stars 330 forks source link

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

Open ayanamists opened 1 year ago

ayanamists commented 1 year ago

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?