Want to seperate selectors coming under a single map function

[AmmarAliHabib]

//map function

{item.icon} {item.title} {item.subNav && showSubnav ? item.iconOpened : item.subNav ? item.iconClosed : null}

//Tour.js
const TOUR_STEPS = [
{
target: ".title",
content: "The Dashboard will allow you to add, remove, and customize tiles with information and automation that you need most. New functions will be added here continuously, if you have something you'd like to see, send us feedback!",
title: "User Dashboard",
disableBeacon: true,
placement:"right"
},
{
target: ".title",
content: "Legacy USIBRS backup reports generated by the Bocada tool are accessible here. If you rely on classic tabular reports that haven't been ported to the dashboard, use this",
title: "USIBRS",
disableBeacon: true,
placement:"right"
},
];

In the above example there are two steps but their are under same selector name so the dialog doesn't move to the other step.
How do i handle this situation?