Using in TypeScript with react-markdown raises an error

Subject of the issue

Using with react-markdown raises an error

Your environment

• macOS 10.15.7 Catalina:
• react-markdown:
• Node.js v14.16.1:

Steps to reproduce

With following codes

import React from "react";
import ReactMarkdown from "react-markdown";
import { attacher, handler } from "./original-message";
import mdast2hast from "remark-rehype";

const SAMPLE = `
:::message
This is a message
:::
`;

function App() {
  return (
    <>
      <h1>This is a Markdown</h1>
      <ReactMarkdown
        remarkPlugins={[
          attacher,
          [
            mdast2hast,
            {
              handlers: {
                message: handler,
              },
            },
          ],
        ]}
        children={SAMPLE}
      />
    </>
  );
}

export default App;

Expected behavior

Any errors are not raised

Actual behavior

Following error is raised from TypeScript

Type 'Plugin<[(Options | undefined)?] | [(Processor<Settings> | undefined)?, (Options | undefined)?], Settings>' is not assignable to type 'Plugin<any[], Settings>'.
  Types of parameters 'settings' and 'settings' are incompatible.
    Type 'any[]' is not assignable to type '[(Options | undefined)?] | [(Processor<Settings> | undefined)?, (Options | undefined)?]'.
      Type 'any[]' is not assignable to type '[(Processor<Settings> | undefined)?, (Options | undefined)?]'.  TS2322

    28 |           attacher,
    29 |           [
  > 30 |             mdast2hast,
       |             ^
    31 |             {
    32 |               handlers: {
    33 |                 message: handler,

[januswel]

@wooorm Thank you for your polite reply 😆 This is the last comment from me

Though I do get that it’s weird at first.

I feel you I’ll get used to this

[wooorm]

I don’t know what you want to do, so it’s hard to suggest the best approach! But yeah, thats often a good way to go.