TypeScript Error when I upgraded to latest version

[JunedKhan101]

I recenlty upgraded my react markdown package from 8.0.7 to 9.0.1 and I got these errors:

error TS2339: Property 'inline' does not exist on type 'ClassAttributes<HTMLElement> & HTMLAttributes<HTMLElement> & ExtraProps'.

code({ node, inline, className, children, ...props }) {

Is says that inline is not expected, did inline got removed in the newer version or am I missing something here?
How can I re-write my code so that it works with the latest version of react markdown.

here is the code

export default function Renderer({ content }: any) {
    const { theme } = useContext(ThemeContext) as { theme: string };

    return (
        <ReactMarkdown
            children={content ? content : ""}
            rehypePlugins={[rehypeRaw]}
            components={{
                code({ node, inline, className, children, ...props }) { // this line gives error in typescript
                    const match = /language-(\w+)/.exec(className || "");
                    return !inline && match ? (
                        <>
                            <CopyToClipboard text={String(children)}>
                                <button
                                    onClick={handleCopy}
                                    className="prism-copy-button"
                                >
                                    <ClipBoardSVG />
                                    <CheckSVG />
                                </button>
                            </CopyToClipboard>
                            <SyntaxHighlighter
                                {...props}
                                children={String(children).replace(
                                    /\n$/,
                                    ""
                                )}
                                style={
                                    theme === "dark" ? oneDark : oneLight
                                }
                                language={match[1]}
                                showLineNumbers={true}
                                PreTag="div"
                                ref={(ref) => {}}
                            />
                        </>
                    ) : (
                        <code {...props} className={className}>
                            {children}
                        </code>
                    );
                },
            }}
        />
    );
}

[wooorm]

Yes, see changelog

[ChristianMurphy]

Welcome @JunedKhan101! 👋

Is says that inline is not expected, did inline got removed in the newer version or am I missing something here?

It was intentionally removed, please read the changelog.
https://github.com/remarkjs/react-markdown/blob/main/changelog.md#900---2023-09-27

How can I re-write my code so that it works with the latest version of react markdown.

See any of the several previous questions which asked the same thing, for example:
remarkjs/react-markdown#776