Getting `blockTokenizers is undefined` when using in my Gatsby app

[OddDev]

Input:

    const postContent = unified()
        .use(rehypeParse)
        .use(remarkCustomBlocks, {
            foo: {
                classes: "a-class another-class",
            },
        })
        .use(rehype2react, {
            createElement: React.createElement,
            components: {
                h1: TestHeadline,
                p: TestParagraph,
            },
            Fragment: React.Fragment,
        })
        .processSync(html).result as ReactElement;

Result:

Unhandled Runtime Error

One unhandled runtime error found in your files. See the list below to fix it:

Error in function blockPlugin in ./node_modules/remark-custom-blocks/dist/index.js:74

blockTokenizers is undefined
./node_modules/remark-custom-blocks/dist/index.js:74

  72 |   var blockTokenizers = Parser.prototype.blockTokenizers;
  73 |   var blockMethods = Parser.prototype.blockMethods;
> 74 |   blockTokenizers.custom_blocks = blockTokenizer;
  75 |   blockMethods.splice(blockMethods.indexOf('fencedCode') + 1, 0, 'custom_blocks');
  76 |
  77 |   // Inject into interrupt rules

I get an error when trying to use custom blocks in my project. I'm a bit lost on how to debug this issue. Can you point me in the right direction? :) Thank you!

[StaloneLab]

Hello, from what I see it might be linked to your version of remark being too recent for our plugins (more like our plugins being too old for the current version). Please see issue #416 , especially my latest message from yesterday. If you think it does not apply to your problem, please specify the version of remark you are using, we only support remark < 13.