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

by

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”

  31. 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

  32. 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

  34. 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

  47. 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
  52. Pingback: viagra professional

  53. 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
  54. Pingback: buy sildenafil
  58. Pingback: buy viagra online cheap
  59. Pingback: viagratitan
  61. Pingback: https://buyviagraonlineny.com
  63. Pingback: cialis soft tabs
  67. Pingback: where can i purchase cialis
  68. Pingback: order generic cialis online
  71. Pingback: buy cialis tablets
  73. Pingback: sildenafil citrate 100mg
  77. Pingback: sildenafil online
  79. Pingback: cialis tadalafil buy online
  83. Pingback: http://gtrviagraok.com
  85. Pingback: viagra professional online
  86. Pingback: where to buy viagra with paypal
  87. Pingback: cialis active ingredient
  88. Pingback: generic viagra
  90. Pingback: viagra online prescription free
  91. Pingback: cialis india
  92. Pingback: viagra cheap
  94. Pingback: otc viagra online
  95. Pingback: where to get viagra f
  96. Pingback: cost of female viagra
  97. Pingback: tablet cialis 20 mg
  100. Pingback: buy viagra for female online india
  101. Pingback: real generic viagra connect
  103. Pingback: viagra 50mg price canada
  104. Pingback: viagra best buy online reviews
  105. Pingback: dapoxetin cialis
  106. Pingback: cialis viagra
  107. Pingback: places to buy viagra over the counter
  108. Pingback: ed pills online
  109. Pingback: sildenafil 50mg
  110. Pingback: online viagra

  112. 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
  116. Pingback: viagra online pharmacy
  118. Pingback: viagra connect walgreens
  119. Pingback: viagra without prescription online
  120. Pingback: viagra prescription drugs
  121. Pingback: viagra dosages
  122. Pingback: viagra pornhub
  123. Pingback: viagra cvs
  124. Pingback: viagra men
  125. Pingback: viagra kopen
  126. Pingback: viagra cheap online
  127. Pingback: natural viagra recipe
  128. Pingback: viagra prices
  129. Pingback: viagra connect walmart
  131. Pingback: pfizer viagra price
  132. Pingback: pfizer viagra
  133. Pingback: over the counter viagra
  134. Pingback: viagra for men
  146. Pingback: cialis versus viagra
  150. Pingback: sildenafil produe aumento de trigloeridos

Leave a Comment