refactor: Fix component types using react.FC

Author: CrawlerCode

packages/payload-authjs/src/components/AccountRowLabel.tsx

@@ -1,9 +1,10 @@
 "use client";
 
 import { useRowLabel } from "@payloadcms/ui";
+import type { FC } from "react";
 import type { Account } from "../authjs/types";
 
-export const AccountRowLabel = () => {
+export const AccountRowLabel: FC = () => {
   const { data: account } = useRowLabel<Account>();
 
   return (

packages/payload-authjs/src/components/SignInWithAuthjsButton.tsx

@@ -22,15 +22,15 @@ export type SignInWithAuthjsButtonProps = {
 /**
  * A button that redirects the user to the Auth.js sign in page
  */
-export const SignInWithAuthjsButton = ({
+export const SignInWithAuthjsButton: React.FC<SignInWithAuthjsButtonProps> = ({
   authjsBasePath,
   icon = <img src="https://authjs.dev/img/logo-sm.png" alt="Auth.js Logo" />,
   text = (
     <>
       Sign in with <strong>Auth.js</strong>
     </>
   ),
-}: SignInWithAuthjsButtonProps) => {
+}) => {
   return (
     <form
       style={{ display: "flex", justifyContent: "center" }}

packages/payload-authjs/src/payload/session/PayloadSessionProvider.tsx

@@ -52,7 +52,9 @@ interface Props<TSlug extends CollectionSlug> {
 /**
  * PayloadSessionProvider that provides the session to the context provider
  */
-export const PayloadSessionProvider = <TSlug extends CollectionSlug = "users">({
+export const PayloadSessionProvider: React.FC<Props<CollectionSlug>> = <
+  TSlug extends CollectionSlug = "users",
+>({
   userCollectionSlug = "users" as TSlug,
   session = null,
   children,