Is there a way to useParams() in a class in v6 of react-router-dom?

class ProductDetails extends Component {
    handleSave = () => {
console.log("test");
    };

    render() {
        const params = useParams();

        return (
            <div>
                <h1>Product Details - {params.id} </h1>
                <button onClick={this.handleSave}>Save</button>
            </div>
        );
    }
}

const Details = () => {
    handleSave = () => {
        console.log("test");
    };

    const params = useParams();

    return (
        <div>
            <h1>Product Details - {params.id} </h1>
            <BtnHandleSave onClick={this.props.onHandleSave()}></BtnHandleSave>
        </div>
    );
};