remix-project/apps/debugger/src/app/app.tsx

import React, { useState, useEffect } from 'react';

import { DebuggerUI } from '@remix-ui/debugger-ui' // eslint-disable-line

import { DebuggerClientApi } from './debugger'

const remix = new DebuggerClientApi()

export const App = () => {  
  return (
    <div className="debugger">
      <DebuggerUI debuggerAPI={remix} />
    </div>
  );
};

export default App;