Why can't I render this inside nextjs?

[jamesdiplomat]

I am using NextJS.

I have written code like this, but I am not getting mathematical output. The mathematical equation is still same as before.

import 'katex/dist/katex.min.css';
import dynamic from 'next/dynamic';
import { InlineMath, BlockMath } from 'react-katex';

// Initialize markdown-it with the Katex plugin for LaTeX rendering
export default function TestPage() {
    return (
    <div>
        <InlineMath math="\\int_0^\\infty x^2 dx"/>,
    </div>)
}

[Sahillather002]

import 'katex/dist/katex.min.css';
import dynamic from 'next/dynamic';
import { InlineMath, BlockMath } from 'react-katex';
export default function TestPage() {
    return (
        <div>
            <InlineMath math="\\int_0^\\infty x^2 dx" />
        </div>
    );
}

can you try this

[jamesdiplomat]

I did and it still did not render as a mathematical formula

[sh3l6orrr]

In nextjs, a single backslash is enough

<InlineMath math="\int_0^\infty x^2 dx"/>