29 lines
814 B
TypeScript
29 lines
814 B
TypeScript
import React, { useEffect, useState } from 'react'
|
|
|
|
import type { User } from '../../../packages/payload/src/auth/index.js'
|
|
import type { UIField } from '../../../packages/payload/src/fields/config/types.js'
|
|
|
|
import { useAuth } from '../../../packages/ui/src/providers/Auth/index.js'
|
|
|
|
export const AuthDebug: React.FC<UIField> = () => {
|
|
const [state, setState] = useState<User | null | undefined>()
|
|
const { user } = useAuth()
|
|
|
|
useEffect(() => {
|
|
if (user) {
|
|
fetch(`/api/users/${user.id}`)
|
|
.then((r) => r.json())
|
|
.then((newUser) => {
|
|
setState(newUser)
|
|
})
|
|
}
|
|
}, [user])
|
|
|
|
return (
|
|
<div id="auth-debug-ui-field">
|
|
<div id="users-api-result">{state?.custom as string}</div>
|
|
<div id="use-auth-result">{user?.custom as string}</div>
|
|
</div>
|
|
)
|
|
}
|