Indentation error for JSX fragment

[jcubic]

There is an error in indentation:

function App() {
  return (
    <>
      <a href="https://example.com">
        <img/>
      </a>
    <div>
    </div>
    </>
  );
}

The <div> is not indented the same as <a> and closing fragment is not in color:

[jcubic]

Another example:

const Translations = () => {
  const { t } = useTranslation("coi-platform-translations", {
    keyPrefix: keyPrefixes.main,
  });
  return (
    <>
      <Alert severity="info" icon={false}>
        <AlertTitle>{t("info_title")}</AlertTitle>
    <Typography variant="body2">{t("info_description")}</Typography>
    </Alert>
    <EditForm />
    </>
  );
};

This is part of real application.