Getting TypeError: props.children is not a function when trying to set props.children

I am trying to set the children values using props but I am getting an error TypeError: props.children is not a function. What am I missing. I want to use SpeakerRendererComponent inside SpeakersRender.

import React, {Component} from 'react';

const SpeakerRendererComponent =(props) =>{
    const speakerCollection = [
        {imageSrc:"img1", personName:"Peter"},
        {imageSrc: "img2", personName: "Alexander"},
        {imageSrc:"img3", personName: "Frado"}
    ];

    return props.children({
        speakerCollection:speakerCollection
    });
}

export default SpeakerRendererComponent;


import React from 'react';
import SpeakerRendererComponent from './SpeakerRendererComponent';

function SpeakersRender() {
    return (
        <SpeakerRendererComponent>
            {({speakers}) =>{
                 return (
                    <div>
                      {speakers.map(({ imageSrc, name }) => {
                        return (
                          <img
                            src={`/images/${imageSrc}.png`}
                            alt={name}
                            key={imageSrc}
                          ></img>
                        );
                      })}
                    </div>
                  );
            }};
        
        </SpeakerRendererComponent>
);
};

export default SpeakersRender;

163 thoughts on “Getting TypeError: props.children is not a function when trying to set props.children”

  1. Wow that was strange. I just wrote an extremely long comment but after I clicked
    submit my comment didn’t appear. Grrrr… well I’m not writing all that over again. Regardless, just wanted to say great blog!

    Reply
  2. It is appropriate time to make some plans for the longer term and it’s time to be happy.
    I’ve read this publish and if I may I want to counsel you few interesting things or tips.
    Maybe you can write subsequent articles referring to this article.

    I desire to read even more issues approximately it!

    Reply
  3. I’m not sure where you are getting your info, but great topic.
    I needs to spend some time learning much more or understanding more.

    Thanks for fantastic information I was looking for this information for my mission.

    Reply
  4. Excellent post. I used to be checking continuously this blog and I’m inspired!
    Very useful information specially the closing phase 🙂 I handle such information much.
    I used to be looking for this certain info for a long time.
    Thanks and best of luck.

    Reply
  5. An impressive share! I’ve just forwarded this onto a colleague who had been doing a little
    homework on this. And he in fact bought me lunch because I
    stumbled upon it for him… lol. So allow me to reword this….
    Thank YOU for the meal!! But yeah, thanx for spending time to talk about this topic here on your website.
    scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

    Reply
  6. Pingback: buy sildenafil
  7. Pingback: viagratitan
  8. Pingback: cialis soft tabs
  9. Pingback: buy cialis tablets
  10. Pingback: sildenafil online
  11. Pingback: generic viagra
  12. Pingback: cialis india
  13. Pingback: viagra cheap
  14. Pingback: otc viagra online
  15. Pingback: dapoxetin cialis
  16. Pingback: cialis viagra
  17. Pingback: ed pills online
  18. Pingback: sildenafil 50mg
  19. Pingback: online viagra
  20. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your
    point. You clearly know what youre talking about,
    why waste your intelligence on just posting videos to your site when you could be giving us something enlightening to read?

    Reply
  21. Pingback: viagra dosages
  22. Pingback: viagra pornhub
  23. Pingback: viagra cvs
  24. Pingback: viagra men
  25. Pingback: viagra kopen
  26. Pingback: viagra prices
  27. Pingback: pfizer viagra
  28. Pingback: viagra for men

Leave a Comment