project-codepen/src/components/User.js

import { connect } from "react-redux";

const Nick = ({ nick }) => {
	return (
		<>
			<div>
				<p>{nick}</p>
			</div>
		</>
	);
};

const ConnectNickName = connect(state => ({
	nick: state?.a?.payload?.sub?.login,
}))(Nick);
export default ConnectNickName;