Using payload components inside Edit view or NextJs page

ysione2 years ago

2

import { Cell } from "payload/components/views/Cell";

...
<div id="head" className='grid grid-cols-4'>
   <Cell/>
</div>
...

./node_modules/payload/components/views/Cell.ts
Module parse failed: Unexpected token (2:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export { default as Cell } from '../../dist/admin/components/views/collections/List/Cell';
> export type { Props } from '../../dist/admin/components/views/collections/List/Cell/types';

• 

  jessrynkar2 years ago

  Hi

  @351983077423185921

  - this will be possible in the future 👀 for now only some fields are available to be used or extended (text, textarea, upload). The SEO plugin provides a good example on how to do this

  https://github.com/payloadcms/plugin-seo/tree/main/src/fields
• 

  ssyberglast year

  I know this is an old thread but I'm hitting this issue as well, though I suspect it's because I'm using js and not ts? I'm using the collection list view example straight from the docs and getting this error:

  
  

  ERROR in ./node_modules/payload/components/views/List.ts 2:7
  Module parse failed: Unexpected token (2:7)
  You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
  | export { default as List } from '../../dist/admin/components/views/collections/List/Default';
  > export type { Props } from '../../dist/admin/components/views/collections/List/types';