use React.createElement instead of jsx

CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- Support old versions of react (pre v16.14)
+
 ## 2.0.0 (2024-02-09)
 
 - 💥 BREAKING CHANGE: Enable `hideSeconds` by default

src/index.tsx → src/index.ts

@@ -1,4 +1,11 @@
-import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import {
+  createElement,
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
 
 // all JS environments that support the Intl API guarantee
 // deterministic object ordering.
@@ -108,17 +115,16 @@ const TimeAgo = memo<TimeAgoProps>(
       return () => clearInterval(intervalId);
     }, [unit, doUpdate]);
 
-    return timeElement ? (
-      <time
-        title={dateObject.toLocaleString(locale)}
-        dateTime={dateObject.toISOString()}
-      >
-        {text}
-      </time>
-    ) : (
-      // avoid using a JSX fragment to keep things simple
-      text
-    );
+    return timeElement
+      ? createElement(
+          "time",
+          {
+            title: dateObject.toLocaleString(locale),
+            dateTime: dateObject.toISOString(),
+          },
+          text
+        )
+      : text;
   }
 );
 TimeAgo.displayName = "TimeAgo";