我需要实现一个实例控制台使用typescriptreactmaterial ui实现export default function InstanceConsole showConsole InstanceConsoleProps return Box sx= display showConsole block none p 2 BoxInstance Consol

import React from 'react'; import Box from '@mui/material/Box';

interface InstanceConsoleProps { showConsole: boolean; }

export default function InstanceConsole({ showConsole, }: InstanceConsoleProps) { return ( <Box sx={{ display: showConsole ? 'block' : 'none', p: 2 }}> Instance Console ); }

// 使用示例 /* import InstanceConsole from './InstanceConsole';

function App() { const [showConsole, setShowConsole] = React.useState(false);

return (