RangeError Issue After Updating Payload to 3.30+

zed0547last year

9

• 

  adrian8749last year

  Hey

  @654031862146007055

  , as I already found out this is caused by some block in page builder, just doing trial and error method to find out which one

• 

  zed0547last year

  Aha, I see - let me know your findings!

• 

  adrian8749last year

  Oh It was the Carousel block...

  
  

      {
        name: "title",
        type: "richText",
        editor: lexicalEditor({
          features: ({ rootFeatures }) => {
            return [
              ...rootFeatures,
              HeadingFeature({ enabledHeadingSizes: ["h2", "h3", "h4"] }),
              FixedToolbarFeature(),
              InlineToolbarFeature(),
            ];
          },
        }),
        localized: true,
      },

  
  
  

  rootFeatures are creating infnite loop or something...

  
  
  

  Okay, i know, the defaultLexical has carousel block in it and then pages layout builder contains it too, and there is the loop

• 

  zed0547last year

  Hmm, so you have a blocks fields with the CarouselBlock, but then also use it in the BlocksFeature in lexical, so whenever you use the richText field in a block it nests itself

  
  
  

  Interesting

• 

  adrian8749last year

  Yeah so I was able to use CarouselBlock in richText Lexical, but carousel block itself also contained richText lexical

  
  
  

  that was the issue

  
  
  

  some old code

• 

  zed0547last year

  I guess a simple fix could be to just wrap the block in a function and define distinct slugs/interface name for them depending on where you introduce them in the code

• 

  adrian8749last year

  I just removed it, no need for that at all

• 

  zed0547last year

  Even better lol

  
  
  

  The best type of refactoring

• 

  adrian8749last year

  I agree