(Payload Beta) CollectionConfig doesn't accept React.FC anymore?

evil.dykelast year

10

• 

  notchrlast year

  RenderSubmissionAsForm is a tsx file?

• 

  evil.dykelast year

  @1049775120559898725

  yes 🙂

• 

  notchrlast year

  Can you post the component here

  
  
  

  Also, to confirm, this is v2 or v3?

  
  
  

  This is the base example for a custom field component

  
  
  

  import { useField } from 'payload/components/forms'
  
  const CustomTextField: React.FC<{ path: string }> = ({ path }) => {
    const { value, setValue } = useField<string>({ path })
  
  
    return <input onChange={(e) => setValue(e.target.value)} value={value} />
  }

• 

  evil.dykelast year

  This is v3
• 

  notchrlast year

  So this is a client component or server component?

• 

  evil.dykelast year

  Even if I copy + paste that component the same type error appears 🤔
• 

  notchrlast year

  How about

  
  
  

  'use client' 
  import React, { useState } from 'react'
  
  export const MyClientComponent: React.FC = () => {
    const [count, setCount] = useState(0)
  
    return (
      <button onClick={() => setCount(count + 1)}>
        Clicked {count} times
      </button>
    )
  }

• 

  anders2292last year

  @310897398409068544

  Take a look at the release notes for v3 beta 79. How you include custom components has changed.

  
  
  https://github.com/payloadcms/payload/releases/tag/v3.0.0-beta.79
• 

  notchrlast year

  Nice find

  @1063099015589273630
• 

  evil.dykelast year

  Thank you both 🙂