lunchwalaDropDown

 const [routeLunchawalaMap, setRouteLunchwalaMap] = useState({});


 useEffect(() => {
     const nRouteLunchawalaMap = {};
     db.collection('/routeAllocation').forEach((doc) => {
         nRouteLunchawalaMap[doc.id] = [doc.lunchwalaId]
        });
    setRouteLunchwalaMap(nRouteLunchawalaMap);

 })


{
    <routeId>: lunchwalaId
}






const lunchWalas = [
    {
        lunchwalaUserId: 'babad',
        lunchwalaName: 'Ram'
    },
    {
        lunchwalaUserId: 'sadfasd',
        lunchwalaName: 'Sam'
    },
    {
        lunchwalaUserId: 'baasdfbad',
        lunchwalaName: 'Jam'
    },

];

    routes.map((item, index) => {
        <>
            <label>{item.name}</label>
            <MultiSelect
                hideTags={tags}
                uniqueKey="lunchwalaUserId"
                displayKey="lunchwalaName"
                items={lunchWalas}
                onSelectedItemsChange={(selectedItem) =>  {
                    const nRouteLunchawalaMap = {...routeLunchawalaMap};
                    nRouteLunchawalaMap[item.id] = [selectedItem.lunchwalaId];
                    setRouteLunchwalaMap(nRouteLunchawalaMap);
                }}
                selectedItem={routeLunchawalaMap[item.id]}
            />
        </>
    })


const nRouteLunchawalaMap =  


nRouteLunchawalaMap.c = 'Cat';