HiOutlineArrowSmallDown and BsFillSendFill causing el.className.split error [Bug]:

Describe the bug

Whenever a colleague of mine tries to access the DEPLOYED (live) version of my application, it sometimes results in an application error. The error message is:

<Uncaught TypeError: el.className.split is not a function
at getSelector
at logEvent
at HTMLDocument.

This error happens ONLY when I click on these two svgs that react-icon provides.

<HiOutlineArrowSmallDown className="m-1" size={18} />
<BsFillSendFill
            size={25}
            onClick={() => handleSendUserMessage(userInput)}
            className={`${
              userInput !== ""
                ? "dark:text-white dark:hover:text-blue-500 hover:text-blue-500 text-black cursor-pointer"
                : "dark:text-gray-500 text-gray-300 select-none"
            } `}
          />

This needs to be addressed because it is causing an entire application error when user is logging into their dashboard.

Mind you, I am not using any .split methods anywhere in my code.

Expected behavior

Application needs to work properly and not cause an application error.

Minimal sample repository URL

https://myautopilot.azurewebsites.net/

Steps To Reproduce

Cant see issue unless you signup or log in. Remember, this issue only happens on different systems.

Package version

^4.8.0

Relevant log output

No response

Additional context

No response

Start by reproducing the error on the linked sample application with HiOutlineArrowSmallDown and BsFillSendFill, then inspect the getSelector and logEvent stack trace. Compare the rendered elements and className values across systems; done means clicking or viewing these icons no longer produces the el.className.split error.