How to get Editable cursor absolute position

[DaiYuANg]

I am building an editor and I want to make a custom cursor for add some animation on cursor moving
I tried this resolution of ChatGPT

useEffect(() => {
    const { selection } = editor;

    if (selection) {
      const domSelection = window.getSelection();
      if (domSelection.rangeCount > 0) {
        const range = domSelection.getRangeAt(0);
        const rects = range.getClientRects();
        
        if (rects.length > 0) {
          const rect = rects[0];
          cursorPosition.current = {
            top: rect.top,
            left: rect.left,
            height: rect.height,
          };
        }
      }
    } else {
      cursorPosition.current = null;
    }
  }, [editor.selection]);

But there has offset between custom cursor position and native cursor position
Any Idea?