Custom handle doesn't work

Custom handle doesn't seem to work.

Here's the code, also available on codesandbox:

import React from "react";
import ReactDOM from "react-dom";

import Slider from "rc-slider/lib/Slider";
import "rc-slider/assets/index.css";

const Handle = () => <span style={{fontSize: '3rem'}}>*</span>;

function App() {
  return (
    <div style={{ paddingTop: "30vh" }}>
      <Slider handle={Handle} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Here's the experience so far:

Reproduce the behavior from the issue using the linked CodeSandbox and the Slider entry point imported from rc-slider/lib/Slider. Inspect how the custom handle prop is processed and compare it with the reported rendering in the GIF. Done means the supplied custom handle renders and functions correctly without breaking the slider.