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;