From 28c38ef6bfe34242aa989da995e91cf30022f5d5 Mon Sep 17 00:00:00 2001
From: Alan Greene <github.com@alangreene.net>
Date: Sat, 21 Sep 2024 17:38:24 +0100
Subject: [PATCH] Replace the deprecated `element` prop with `as` in Carbon
 components

---
 src/containers/App/App.jsx         | 2 +-
 src/containers/SideNav/SideNav.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/containers/App/App.jsx b/src/containers/App/App.jsx
index d8874dbe2..15b447d35 100644
--- a/src/containers/App/App.jsx
+++ b/src/containers/App/App.jsx
@@ -131,7 +131,7 @@ function Root() {
         render={({ isSideNavExpanded, onClickSideNavExpand }) => (
           <Header
             headerNameProps={{
-              element: HeaderNameLink
+              as: HeaderNameLink
             }}
             isSideNavExpanded={isSideNavExpanded}
             onHeaderMenuButtonClick={onClickSideNavExpand}
diff --git a/src/containers/SideNav/SideNav.jsx b/src/containers/SideNav/SideNav.jsx
index e97c46dd3..2c5890d58 100644
--- a/src/containers/SideNav/SideNav.jsx
+++ b/src/containers/SideNav/SideNav.jsx
@@ -59,7 +59,7 @@ function SideNav({ expanded, showKubernetesResources = false }) {
 
   function getMenuItemProps(to) {
     return {
-      element: NavLink,
+      as: NavLink,
       isActive: !!matchPath(
         {
           path: to