Render Component will not display correct

[glve1027]

If i do not display the text. display component like this, It will not display correct in Unexpandable mode. How to fix it?

const users = ["a-123", "a-234", "a-345", "a-456", "a-567", "a-678" , "a-789" , "b-123", "b-234", "b-345", "b-456", "b-567", "b-678" , "b-789" ];
<ShowMore lines={4} more="Show more" less="Show less">
  {users.map(user => {
    return <div>{user}</div>;
  })}
</ShowMore>