Cara.. você não pode usar o useState dentro do render, você deve passar essa informação antes do render.. dentro de um constructor como diz a documentação...
Exemplo:

```
class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  render() {
    return (
      <div>
        <p>You clicked {this.state.count} times</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Click me
        </button>
      </div>
    );
  }
}
```

https://pt-br.reactjs.org/docs/hooks-state.html