how can i get a communities name

function MainPage() {
  // ...
  return (
    <div className="tasks">
      {tasks.map((task) => (
        <div key={task.id} className="task">
          {task.title} by {task.user.auth?.identities[0].providerUserId}
        </div>
      ))}
    </div>
  )
} 

        <div>
            <h1>Dashboard</h1>
            <p>Number of racks: {racks.length}</p>
            
            {racks.map((rack) => (
                <div key={rack.id}>
                    <p>{rack.name}</p>
                    <p>{rack.community.name}</p>
                    <p>{rack.createdById}</p>
                </div>
            ))}
        </div>