adtaylor

Problem

When using JSX code on a pre-existing piece of code that is using props.children, I am receiving the error Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {})..

Furthur more, the object sent through as this.props.children no longer look like element classes.

Files 01 and 03 shows the code working on a JSBIN sandbox. https://jsbin.com/busaqipeme/edit?js,console,output

Files 02 and 04 show the code from a large react project.

adtaylor

var fplFetch     = require('./fplFetch.js'),
    PLAYER_COUNT = 590; 

//
// Fetch All Players
//

for(var i = 0; i < PLAYER_COUNT; i++) {
  fplStat( i, function(data) {
    console.log('Player data:' ,data);

adtaylor

var s   = "\n",
    pos = ['GK:   ', 'DEF:  ', 'MID:  ', 'FORW: ', '\n       ['];
[].forEach.call( document.querySelectorAll('.ismPitchRow'), function(row, i){
  s += pos[i];
  [].forEach.call( row.querySelectorAll('.ismPitchWebName'), function(dt){ s += dt.innerHTML  });
  if( i == 4 ) s += "]";
  s += "\n";
}); s;

adtaylor

rails generate scaffold Resource zero:decimal one:decimal two:decimal three:decimal four:decimal five:decimal six:decimal seven:decimal eight:decimal nine:decimal over:integer over_ball:integer

adtaylor

$blue-shades: #002050, #00188F, #4668C5 !default;
@function blue($shade:2) {
  @return nth($blue-shades, $shade);
}



color: blue(3);

adtaylor

<!-- Facebook Video -->
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

adtaylor

SELECT * from `wp_posts` 
WHERE `post_content` RLIKE 
'Lorem|ipsum|dolor|luptatum|molestiae|dolorem|mnesarchum|blandit|ocurreret|Nullam|graeci|appellantur|sensibus|splendide|vituperatoribus|dicam|periculis|dignissim|aliquam|philosophia|iusto|utroque|oportere|utinam|eloquentiam|definitiones|tacimates|meliore|reformidans|Graecis|constituto|assum|atomorum|recteque|Melius|maluisset|solum|ullum|habemus|ponderum|luptatum|honestatis|torquatos|contentiones';

SELECT * from `wp_posts` WHERE `post_excerpt` RLIKE
'Lorem|ipsum|dolor|luptatum|molestiae|dolorem|mnesarchum|blandit|ocurreret|Nullam|graeci|appellantur|sensibus|splendide|vituperatoribus|dicam|periculis|dignissim|aliquam|philosophia|iusto|utroque|oportere|utinam|eloquentiam|definitiones|tacimates|meliore|reformidans|Graecis|constituto|assum|atomorum|recteque|Melius|maluisset|solum|ullum|habemus|ponderum|luptatum|honestatis|torquatos|contentiones';

SELECT * from `wp_posts` WHERE `post_title` RLIKE
'Lorem|ipsum|dolor|luptatum|molestiae|dolorem|mnesarchum|blandit

adtaylor

100.times do |i|
  case
  when ((i % 3) == 0 and (i % 3) == 0)
    puts "FizzBuzz"
  when i % 3 == 0
    puts "Fizz"
  when i % 5 == 0
    puts "Buzz"
  else
    puts i

adtaylor

# A faked Geolocation Class
#
# @example Usage
#   window.navigator = { geolocation : new Geolocation() };
#
# @example A sucessful Geolocation call
#   navigator.geolocation.getCurrentPosition(
#     function(position) {
#       console.log(position);
#     }, 

adtaylor

# ============================================================
# PluginName v0.0.0
# http://URL
# ============================================================
# Copyright 2012 The Beans Group
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#