JSFiddle - React, Tailwind, and code Playground

JavaScript

let data = [{
  "id": 1,
  "first_name": "Andromache",
  "ip_address": "40.187.45.17",
  "brand": "Mazda"
}, {
  "id": 2,
  "first_name": "Erminia",
  "ip_address": "194.2.48.133",
  "brand": "Toyota"
}, {
  "id": 3,
  "first_name": "Starla",
  "ip_address": "23.10.145.23",
  "brand": "Mazda"
}, {
  "id": 4,
  "first_name": "Lucita",
  "ip_address": "184.101.173.39",
  "brand": "Mercedes-Benz"
}, {
  "id": 5,
  "first_name": "Les",
  "ip_address": "155.252.240.95",
  "brand": "Mazda"
}, {
  "id": 6,
  "first_name": "Maynard",
  "ip_address": "173.77.135.130",
  "brand": "Toyota"
}, {
  "id": 7,
  "first_name": "Bert",
  "ip_address": "78.13.55.230",
  "brand": "Lexus"
}, {
  "id": 8,
  "first_name": "Daisie",
  "ip_address": "41.8.219.12",
  "brand": "Mazda"
}, {
  "id": 9,
  "first_name": "Robert",
  "ip_address": "97.147.205.172",
  "brand": "Mercedes-Benz"
}, {
  "id": 10,
  "first_name": "Federico",
  "ip_address": "245.101.48.30",
  "brand": "Porsche"
}]