Simplify your stack and build anything. Or everything.
Build tomorrow’s web with a modern solution you truly own.
Code-based nature means you can build on top of it to power anything.
It’s time to take back your content infrastructure.

Issue with Tab Field in PayloadCMS

default discord avatar
zed0547last year
23

Hey

@879390719394082927



Can you share your package.json?

  • default discord avatar
    mohdfaizan5last year
  • default discord avatar
    zed0547last year

    Notice how some of your Payload deps are different versions:


    "@payloadcms/db-postgres": "^3.30.0",
    "@payloadcms/next": "^3.30.0",
    "@payloadcms/plugin-seo": "^3.31.0",
    "@payloadcms/richtext-lexical": "^3.30.0",
    ...
    "payload": "^3.30.0"


    Can you pin your payload version in package.json to 3.31.0, then delete node_modules, .next, and your lockfile and reinstall

  • default discord avatar
    mohdfaizan5last year

    Thank you


    I believe It's fixed



    but I'm facing some other issues with SEO plugin

  • default discord avatar
    zed0547last year

    What other issues?

  • default discord avatar
    mohdfaizan5last year

    as soon i install and activate the plugin,


    I'm getting a lot of hydration errors.

  • default discord avatar
    zed0547last year

    Do you have extensions installed?



    Try in incognito/guest mode/without extensions



    And hydration errors where? In your frontend, in the admin ui?

  • default discord avatar
    mohdfaizan5last year

    ya, in frontend



    and also when now I upgraded my nextjs because of the latest CSV bug, my admin panel is not opening at all

  • default discord avatar
    zed0547last year

    CSV bug? Are you referring to the middleware CVE?



    Payload doesn't use middleware in the core packages at all.

  • default discord avatar
    mohdfaizan5last year
  • default discord avatar
    zed0547last year

    Upgrading to next 15.2.3 should be fine

  • default discord avatar
    mohdfaizan5last year

    ok, but it's not working for me

  • default discord avatar
    zed0547last year

    Try downgrading to 15.2.3



    Or deleting node_modules, .next, lockfile and reinstalling

  • default discord avatar
    mohdfaizan5last year
  • default discord avatar
    zed0547last year

    What do you get in the logs

  • default discord avatar
    mohdfaizan5last year

    mostly hydration errors,



    You are mounting a new html component when a previous one has not first unmounted. It is an error to render more than one html component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <html> and if you need to mount a new one, ensure any previous ones have unmounted first.




    Error: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

  • default discord avatar
    zed0547last year

    Do you have a nested html layout? Did you create a

    layout.tsx

    outside of the

    (payload)

    folder?

  • default discord avatar
    mohdfaizan5last year

    ya

  • default discord avatar
    zed0547last year

    Ok, then that's the issue right there



    There's already a layout.tsx in the (payload) folder



    You should remove your layout.tsx

  • default discord avatar
    mohdfaizan5last year
  • default discord avatar
    zed0547last year

    Scope it to a group outside of (payload)



    Like this

    https://github.com/payloadcms/payload/tree/main/templates/website/src/app
  • default discord avatar
    mohdfaizan5last year

    Thanks

    @654031862146007055

    it got fixed,

  • default discord avatar
    zed0547last year

    My pleasure

  • default discord avatar
    mohdfaizan5last year

    hey Said


    do you know how to add a code block for lexicalEditor (rich text)?

Star on GitHub

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get dedicated engineering support directly from the Payload team.