Fixe The missing buttons

resources/js/lib/translations.tsx

@@ -1,11 +1,5 @@
 import { usePage } from '@inertiajs/react';
-import {
+import { cloneElement, isValidElement, useCallback, useMemo } from 'react';
-    Children,
-    cloneElement,
-    isValidElement,
-    useCallback,
-    useMemo,
-} from 'react';
 import type { ReactElement, ReactNode } from 'react';
 import type { TranslationReplacements, Translations } from '@/types';
 
@@ -32,27 +26,29 @@ export function translateChildren(
     children: ReactNode,
     translate: Translate,
 ): ReactNode {
-    return Children.map(children, (child) => {
+    if (Array.isArray(children)) {
-        if (typeof child === 'string') {
+        return children.map((child) => translateChildren(child, translate));
-            return translateTextNode(child, translate);
+    }
-        }
 
-        if (!isValidElement(child)) {
+    if (typeof children === 'string') {
-            return child;
+        return translateTextNode(children, translate);
-        }
+    }
 
-        const element = child as ReactElement<{ children?: ReactNode }>;
+    if (!isValidElement(children)) {
+        return children;
+    }
 
-        if (!element.props.children) {
+    const element = children as ReactElement<{ children?: ReactNode }>;
-            return element;
-        }
 
-        return cloneElement(
+    if (!element.props.children) {
-            element,
+        return element;
-            undefined,
+    }
-            translateChildren(element.props.children, translate),
+
-        );
+    return cloneElement(
-    });
+        element,
+        undefined,
+        translateChildren(element.props.children, translate),
+    );
 }
 
 export function useTranslation(): {