From 0c4a61007e6f43c44352c13a368eb8ae581e5937 Mon Sep 17 00:00:00 2001
From: Foster Irwin <foster@jfirwin.com>
Date: Fri, 4 Feb 2022 09:34:27 -0700
Subject: [PATCH] removed createElement and used JSX

---
 src/pages/downloads/_components/HeaderText.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/pages/downloads/_components/HeaderText.tsx b/src/pages/downloads/_components/HeaderText.tsx
index 38ec8d77..2173a6ca 100644
--- a/src/pages/downloads/_components/HeaderText.tsx
+++ b/src/pages/downloads/_components/HeaderText.tsx
@@ -2,17 +2,13 @@ import React from 'react';
 
 export const HeaderText = ({type, text, link}): JSX.Element => {
 
-  const anchor = React.createElement(
-    'a',
-    {className: "hash-link", href: `#${link}`, title: "Direct link to heading"}
-  )
+  const Header = type;
 
-  const heading = React.createElement(
-    type || 'h1',
-    link ? {className: "anchor anchorWithHideOnScrollNavbar_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module"} : null,
-    text, link ? anchor : null
-  )
-
-  return heading
+  return (
+    <Header className="anchor anchorWithHideOnScrollNavbar_node_modules-@docusaurus-theme-classic-lib-next-theme-Heading-styles-module">
+      {text}
+      {link ? <a className="hash-link" href={`#${link}`} title="Direct link to heading"/> : null}
+    </Header>
+  );
 
 };