import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';

export default function App() {

  const { client } = useVeltClient();

  useEffect(() => {
    if (client) {
      const selectionElement = client.getSelectionElement();
      selectionElement.enableLiveSelection(); //enable live selection
      selectionElement.disableLiveSelection(); //disable live selection
    }
  }, [client]);

  return (
    <div data-live-selection-enabled="true"></div>
  );
}