feat: add database transaction support(#2983)

test/auth/AuthDebug.tsx

@@ -0,0 +1,29 @@
+import React, { useEffect, useState } from 'react';
+import { useAuth } from '../../src/admin/components/utilities/Auth';
+import { User } from '../../src/auth';
+import { UIField } from '../../src/fields/config/types';
+
+export const AuthDebug: React.FC<UIField> = () => {
+  const [state, setState] = useState<User | null | undefined>();
+  const { user } = useAuth();
+
+  useEffect(() => {
+    const fetchUser = async () => {
+      const userRes = await fetch(`/api/users/${user?.id}`)?.then((res) => res.json());
+      setState(userRes);
+    };
+
+    fetchUser();
+  }, [user]);
+
+  return (
+    <div id="auth-debug">
+      <div id="use-auth-result">
+        {user?.custom as string}
+      </div>
+      <div id="users-api-result">
+        {state?.custom as string}
+      </div>
+    </div>
+  );
+};