'rafce' React.js shortcut not working in VSCode

I'm new to Coding and I thought of following a freecodecamp.org tutorial on YouTube. I am following the video and the instructor used a shortcut in VSCode which looked like this rafce and then it turned into like this

const Header = () => {
    return (
        <div className='header'>
            <span className='title'>Word Hunt</span>
        </div>
    )
}

export default Header

I am using VSCode aswell. What is the problem? How do I fix it?

Regards