@wulperstudio/cms/modern/hooks/useMarker.js

Wulper Studio Library Components CMS

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
/* eslint-disable @typescript-eslint/naming-convention */
import { useEffect, useRef, useState } from 'react';
import MarkJS from 'mark.js';

/**
 * @public
 */

/**
 * @public
 */
export var useMarker = function useMarker() {
  var markerRef = useRef(null);
  var _useState = useState(),
    _useState2 = _slicedToArray(_useState, 2),
    marker = _useState2[0],
    setMarker = _useState2[1];
  useEffect(function () {
    if (markerRef.current) {
      var markJSInstance = new MarkJS(markerRef.current);
      setMarker(markJSInstance);
    }
  }, []);
  return {
    marker: marker,
    markerRef: markerRef
  };
};