diff --git a/packages/app/src/utils/generateSidebarMenuItems/index.jsx b/packages/app/src/utils/generateSidebarMenuItems/index.jsx
new file mode 100644
index 00000000..e25b3151
--- /dev/null
+++ b/packages/app/src/utils/generateSidebarMenuItems/index.jsx
@@ -0,0 +1,19 @@
+import { Translation } from "react-i18next"
+import { createIconRender } from "@components/Icons"
+
+export default (items) => {
+    return items.map((item) => {
+        return {
+            id: item.id,
+            key: item.id,
+            path: item.path,
+            icon: createIconRender(item.icon),
+            label: <Translation>
+                {t => t(item.title ?? item.label ?? item.id)}
+            </Translation>,
+            danger: item.danger,
+            disabled: item.disabled,
+            children: item.children,
+        }
+    })
+}
\ No newline at end of file