How can I get rid of the text field when using jQuery.terminal with Next JS?

Question

I am trying to use jquery.terminal within a Next.js app.

This is my terminal component:

    import React, { useEffect } from 'react';
    
    import $ from 'jquery';
    import 'jquery.terminal';
    
    function Terminal() {
      useEffect(() => {
        $('#terminal').terminal(function(command, terminal) {
          // your code here
        }, );
      }, []);
    
      return (
        <div>
          <div id="terminal"></div>
        </div>
      );
    }
    
    export default Terminal;

And this is how it looks like:

My question is how can I get rid of this text area and have the input direct at the ">"?