import { useState } from "react"; const TronWeb = require("tronweb"); const [lpLogged, setlpLogged] = useState(true); async function getTronWeb() { if (window.tronWeb && window.tronWeb.defaultAddress.base58) { return window.tronWeb; } return null;} let curweb = getTronWeb (); async function initWindow() { if (curweb == null) { setlpLogged((lpLogged) => false); alert.show("We were unable to find any suitble providder."); } else { setlpLogged((lpLogged) => true); } } <button onclick={initWindow}>Can you get tronweb from tronlink?</button>

 Compiled with problems:X

ERROR en ./src/App.js 12:35-39

exportar 'predeterminado' (importado como 'Cuerpo') no se encontró en './componentes/Cuerpo' (el módulo no tiene exportaciones)

ERROR

[eslint] src\components\Body.js Línea 8:33: React Hook "useState" no se puede llamar en el nivel superior. Los React Hooks deben llamarse en un componente de función React o en una función React Hook personalizada react-hooks/rules-of-hooks

Busque las palabras clave para obtener más información sobre cada error.

este es el error al que me enfrento al ejecutarlo