setContent(e.target.value)}          placeholder="What's happening?"        />        <button type="submit">Tweet</button>      </div>    </form>  );};const TwitterClone = () => {  const [tweets, setTweets] = useState([]);  const handleNewTweet = (content) => {    setTweets([      {         username: 'User',         content,         avatar: 'https://via.placeholder.com/48'      },       ...tweets    ]);  };  return (    <div className="twitter-clone">      <header>        <h1>Home</h1>      </header>      <main>        <TweetForm onTweet={handleNewTweet} />        <div className="feed">          {tweets.map((tweet, index) => (            <Tweet key={index} {...tweet} />          ))}        </div>      </main>      <nav>        <ul>          <li><a href="#home">Home</a></li>          <li><a href="#explore">Explore</a></li>          <li><a href="#notifications">Notifications</a></li>          <li><a href="#messages">Messages</a></li></ul>      </nav>    </div>  );};export default TwitterClone;