unable to use hooks

[Th0rgal]

Hello,

When I'm using a component my page is working: source code: https://github.com/cashplace/client/blob/3317123348ca253b7d378ff0918179d93b386888/cashplace/src/routes/ticket/index.js

But when I'm using a hook, I have an error: source code: https://github.com/cashplace/client/blob/d4c4b44c519f7fbbd74547ae044fa9442fd230ff/cashplace/src/routes/ticket/index.js

error:

I'm using it that way:

  render() {
    return (
      <div id="app">
        <Header />
        <Router onChange={this.handleRoute}>
          <Home path="/" requestsManager={this.state.requestsManager} />
          <Ticket path="/:id" requestsManager={this.state.requestsManager} />
        </Router>
      </div>
    );
  }

I'm not sure from where this issue comes from. If I didn't open this issue in the right place please tell it to me. Any help is appreciated!

[lightdiscord]

When you import useParams from preact-router here there are multiple problems.

• First, you import the default export of preact-router rather than an export called useParams.
• Second, unlike react-router there are no useParams hook. With preact-router any url parameter is passed to the component as a props. So you may want to remove the import and this line and replace this line with

  export default function Ticket({ requestsManager, id }) {
  // ...
  }