Визуализация таблицы в текстовой области

Question

Я пытаюсь кодировать свою собственную версию ввода уравнений на этом веб-сайте, так как я работаю над собственным решателем для матриц и матричных уравнений:

https://www.symbolab.com/solver/matrix-calculator

Можно заметить, что пользователи могут вводить матрицы разных размеров в текстовую область, которые отображаются в виде таблиц. Однако, когда я пытаюсь сделать то же самое в своем собственном коде, он просто отображает [объектный объект].

Как мне добиться этой функциональности?

import React from 'react';


const Solver = () => {
    return (
    <textarea>

        <table>
            <tr>
                <td>
                    Hi
                </td>
            </tr>
        </table>

    </textarea>
    )
}

export default Solver;