nataliemarleny/itemScope-is-a-boolean.js

## itemScope-is-a-boolean.js
// Steps to reproduce funky itemScope rendering behaviour:

```sh
npm init -y
npm i --save react react-dom
npm i --save-dev react-scripts

mkdir -p public
cat <<"EOF" > public/index.html
<html>
  <head></head>
  <body>
    <div id="root"></div>
  </body>
</html>
EOF

mkdir -p src
cat <<"EOF" > src/index.js
import ReactDOM from "react-dom";
import React, { Fragment } from "react";

ReactDOM.render(
    <Fragment>
        <div
          itemProp=""
          itemScope=""
          itemType=""
        >
            Item props EMPTY
        </div>
        <div
          itemProp="<something>"
          itemScope="<something>"
          itemType="<something>"
        >
            Item props non-empty
        </div>
    </Fragment>,
    document.getElementById('root')
);
EOF

$(npm bin)/react-scripts start
```

// Resulted in the following DOM (in Chrome devtools):

```html
<div itemprop="" itemtype="">Item props EMPTY</div>
<div itemprop="<something>" itemscope="" itemtype="<something>">Item props non-empty</div>
```

// Turns out itemScope is a boolean: set it to itemScope={true}
	// Steps to reproduce funky itemScope rendering behaviour:

	```sh
	npm init -y
	npm i --save react react-dom
	npm i --save-dev react-scripts

	mkdir -p public
	cat <<"EOF" > public/index.html
	<html>
	<head></head>
	<body>
	<div id="root"></div>
	</body>
	</html>
	EOF

	mkdir -p src
	cat <<"EOF" > src/index.js
	import ReactDOM from "react-dom";
	import React, { Fragment } from "react";

	ReactDOM.render(
	<Fragment>
	<div
	itemProp=""
	itemScope=""
	itemType=""
	>
	Item props EMPTY
	</div>
	<div
	itemProp="<something>"
	itemScope="<something>"
	itemType="<something>"
	>
	Item props non-empty
	</div>
	</Fragment>,
	document.getElementById('root')
	);
	EOF

	$(npm bin)/react-scripts start
	```

	// Resulted in the following DOM (in Chrome devtools):

	```html
	<div itemprop="" itemtype="">Item props EMPTY</div>
	<div itemprop="<something>" itemscope="" itemtype="<something>">Item props non-empty</div>
	```

	// Turns out itemScope is a boolean: set it to itemScope={true}