Setup

Import the useVeltClient React hook.

You can use this hook within your component to fetch the Velt client.

let { client } = useVeltClient();

Create a useEffect hook with the client as dependency.

useEffect(() => {
  //code to enable Rewriter
}, [client]);

Rewriter is not enabled by default.

Within the useEffect hook, call client.getRewriterElement() and then enableRewriter() on the returned object to enable Rewriter.

Now when a user highlights text on your website, the Rewriter tool will pop up.

const rewriterElement = client.getRewriterElement();
rewriterElement.enableRewriter();
rewriterElement.disableRewriter(); //to disable

Test out Rewriter by highlighting some text.