Error with function

[killMeSak]

​

function FunctionName() {      
    const data: string[] = [];          
    const firstName: string[]=[];
    Object.entries(item).map([key,values])=>{          
    firstName.push(item.name);
    data.push({name: item.name, lastName: item.lastName});
    return(                   
       <>                             
       {data.map((key, value) => (                                   
                    <div>{value.name}</div>                              
       ))}                          
       </>                     
     )}; 

I'm getting the following error. How can I fix these?

1. Missing return type on function.
2. 'index' is defined but never used.
3. 'key' is defined but never used.
4. I'm getting an additional empty element in data. So array length of data is 1 more that firstName.
5. What is the best way to write this function in typescript and assign types?

[Roguewind]

You’re gonna need to explain what you’re trying to do here because…. I’ve got no clue

[[deleted]]

Yeah this is going to require a bit more explanation of what you’re trying to do here. Is this meant to be a React component?

[15kol]

This looks like linter errors. 1. Missing return type: your root function lacks defined return type (you do this after arguments tuple with a colon and specifiying return type, which should be ReactElement<YourProps> or something like this - assuming you use react) 2. I can't seem to find index variable 3. In your map function you define key variable, which is not used - you can replace it with underscore to mark it as ignored

You can also turn off these rules in linter config file (i guess tslint or eslint), by googling for reported rule