introducing imodel react hooks useMarker sample

useMarker-Sample.tsx

import React, { useState } from "react";
import { Point3d } from "@bentley/geometry-core";
import { useMarker } from "@bentley/imodel-react-hooks";

const MyJsxMarker = (props: { worldLocation: Point3d }) => {
  const [isHovered, setIsHovered] = useState(false);
  useMarker({
    worldLocation: props.worldLocation,
    size: [70, 20],
    onMouseEnter: () => setIsHovered(true),
    onMouseLeave: () => setIsHovered(false),
    jsxElement: <div> {isHovered ? "HELL YEAH  >:D" : "not hovered"} </div>,
  });
  return null;
};