I can't render codes as a paragraph in React

Source: Dev.to

Problem

I’m trying to render a block of code as a paragraph inside a React component, but it isn’t displaying correctly.

Code

const VideoExample = () => {
  const VideoCode = function Video({ video }) {
    return (
      <>
        
### {video.title}

        
{video.description}

      
    );
  };

  return (
    
      
        Create user interfaces 
 from components
      
      
        
          React lets you build user interfaces out of individual pieces called
          components.
        
        
          Create your own React components like{' '}
          Thumbnail,{' '}
          LikeButton, and{' '}
          Video.
        
        
Then combine them into entire screens, pages, and apps.

      

      
        
          
            
Video.js

          
          
            
              `{VideoCode}`
            
          
        
      
    
  );
};

export default VideoExample;

Result