use-immer | Use immer to drive state with a React hooks | Frontend Utils library

There are multiple things that is wrong with this.

1st. The reason its undefined is because you are trying to display a data it does not have. You want to display property name via temp.name in your console.log("THe Users: ", temp.name, " : ", temp.key)) But look at the object struture - it has no property name. it has value and key. So this is first issue.

2nd. The variable user, from the hook, updates AFTER all of the map and re-renders. Meaning, the entire time inside the map, the user remains the default user data aka empty. Hooks should be used when it is required to re-render the component after the data change. Hence should just create a variable instead of using a hook.