Typescript compatibility with rehype-raw v7

[Slessi]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

react-markdown 8.0.7 + rehype-raw 7.0.0

Link to runnable example

https://codesandbox.io/s/beautiful-sound-vthj8w?file=/src/App.tsx

Steps to reproduce

Just try to use rehype-raw v7 with react-markdown v8.0.7. I don't know why but the codesandbox version does not reproduce the issue 🙄 but with the same environment locally as in the sandbox, I get it.

Issue seems to be (as far as I can tell) because rehype-raw v7 uses vfile v6 and/or unified v11.

Type '(options?: Options | null | undefined) => (tree: Root, file: VFile) => Root' is not assignable to type 'Pluggable<any[]>'.
  Type '(options?: Options | null | undefined) => (tree: Root, file: VFile) => Root' is not assignable to type 'Plugin<any[], any, any>'.
    Type '(tree: Root, file: VFile) => Root' is not assignable to type 'void | Transformer<any, any>'.
      Type '(tree: Root, file: VFile) => Root' is not assignable to type 'Transformer<any, any>'.
        Types of parameters 'file' and 'file' are incompatible.
          Type 'import("/Users/edward/Projects/tmp/node_modules/vfile/lib/index").VFile' is not assignable to type 'import("/Users/edward/Projects/tmp/node_modules/hast-util-raw/node_modules/vfile/lib/index").VFile'.
            Types of property 'messages' are incompatible.
              Type 'import("/Users/edward/Projects/tmp/node_modules/vfile-message/lib/index").VFileMessage[]' is not assignable to type 'import("/Users/edward/Projects/tmp/node_modules/hast-util-raw/node_modules/vfile-message/lib/index").VFileMessage[]'.
                Type 'VFileMessage' is missing the following properties from type 'VFileMessage': ancestors, placets(2322)

Expected behavior

TS compiles

Actual behavior

TS errors

Runtime

Node v17

Package manager

npm 8

OS

macOS

Build and bundle tools

Vite

[ChristianMurphy]

Duplicate of unifiedjs/unified#228

[ChristianMurphy]

The updates are making their way through several hundred packages, for now pin the previous major until the new react-markdown major is released

[github-actions]

Hi! Thanks for taking the time to contribute!

Because we treat issues as our backlog, we close duplicates to focus our work and not have to touch the same chunk of code for the same reason multiple times. This is also why we may mark something as duplicate that isn’t an exact duplicate but is closely related.

Thanks,
— bb