After making the changes required by react-router-dom 6, it seems like we no longer receive props from the dom, hence I am no longer able to navigate and pass params this way.

    this.props.history.push({
      pathname: "/search",
      state: sessionStorage.getItem("user"),
    });

I read that an alternative to that was to use useNavigate and it was possible to wrap a class component inside a function and export it as such:

// Wrap and export
export default function (props) {
  const navigation = useNavigate();
  return <login {...props} navigation={navigation} />;
}

This seems too hacky and did not work. anyone is using navigation with passing parameters in Dom v6? how is it done?

Thank you