Update main.js

main.js

@@ -3,8 +3,39 @@ import ReactDOM from 'react-dom/client'
 import App from './cointube'
 import './index.css'
 
+// Trampa de errores global
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    console.error("Error atrapado:", error, errorInfo);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div style={{ padding: '20px', color: 'red', backgroundColor: '#ffebee' }}>
+          <h1>⚠️ Algo salió mal</h1>
+          <pre>{this.state.error?.toString()}</pre>
+          <p>Abre la consola (F12) para más detalles.</p>
+        </div>
+      );
+    }
+    return this.props.children;
+  }
+}
+
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <App />
+    <ErrorBoundary>
+      <App />
+    </ErrorBoundary>
   </React.StrictMode>,
 )