Rendering a table within a textarea

I am attempting to code my own version of the equation input on this website, as I am working on my own solver for matrices and matrix equations:

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

It can be observed that users are able to input matrices of different sizes into a text area, which are rendered as tables. However, when I attempt to do the same in my own code, it simply renders [object Object].

How can I achieve this functionality?

import React from 'react';


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

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

    </textarea>
    )
}

export default Solver;