Prismic - React slice rendering component

slices.js

class Slices extends React.Component {
  render() {
  
    if (this.props.slices) {
      const pageContent = this.props.slices.map((slice, index) => {
          
          if (slice.slice_type === "heading_slice") {
            console.log('heading');
            return (

              <div className="font-bold text-2xl ">
                  {RichText.render(slice.primary.header_rich_text_field)}
              </div>
            );
           }  else if (slice.slice_type === "paragraph_slice") {
              return (
               <div className="text-justify text-2xl">
                 {RichText.render(slice.primary.paragraph_rich_text_field,linkResolver)}
               </div>
            );
           } else if (slice.slice_type === "code_slice"){
            return (
               <div className="relative">
                 <Snippet code={RichText.asText(slice.primary.cod_text_field)} />
               </div>
             );
             }
       
      });
  return  pageContent
    }
    
  }
}