'use client'; // import { type Helia, createHelia } from 'helia'; // import React, { useState, useEffect } from 'react'; // export default function Ipfs () { // const [id, setId] = useState<string|null>(null) // const [helia, setHelia] = useState<Helia|null>(null) // const [isOnline, setIsOnline] = useState(false) // useEffect(() => { // const init = async () => { // if (helia) return // const heliaNode = await createHelia(); // const nodeId = heliaNode.libp2p.peerId.toString(); // const nodeIsOnline = heliaNode.libp2p.isStarted(); // setHelia(heliaNode); // setId(nodeId); // setIsOnline(nodeIsOnline); // } // init() // }, [helia]) // if (!helia || !id) { // return <h4>Connecting to IPFS...</h4> // } // return ( // <div> // <h4 data-test="id">ID: {id.toString()}</h4> // <h4 data-test="status">Status: {isOnline ? 'Online' : 'Offline'}</h4> // </div> // ) // }