we are creating a new object every time from useSelector hook when getting the state in the component
```

const {
		isEmbed,
		isMobileView,
		isUserLoggedIn,
		boardDetails: {
			membershipType,
			boardThemeCustomColors,
			boardId,
			boardName,
		},
	} = useSelector(
		({
			auth: { isUserLoggedIn },
			activeBoard: { boardDetails },
			visibility: { isMobileView },
			embed: { isEmbed },
		}) => {
			const board = boardDetails || {};
			const location = (board.locations || [{}])[0].searchedLoc;

			return {
				isEmbed,
				isMobileView,
				boardDetails: { ...board, location },
				isUserLoggedIn,
			};
		}
	);