ReactDOM не определяется с помощью react/17.0.1/umd/react.development.js

Согласно официальным документам: вам нужны ссылки для режима разработки:

 <script crossorigin src = "https://unpkg.com/react@17/umd/react.development.js"></script>
 <script crossorigin src = "https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>

https://reactjs.org/docs/cdn-links.html

Для правильного реквизита переименуйте «frameworkName» в нижний регистр «frameworkname».

class HelloWorld extends React.Component {
  render() {
    return React.createElement(
      'h1',
      this.props,
      'Hello ',
      this.props.frameworkname,
      ' world!!!'
    );
  }
}

ReactDOM.render(React.createElement(
  'div',
  null,
  React.createElement(HelloWorld, {
    id: 'ember',
    frameworkname: 'Ember.js',
    title: 'A framework for creating ambitious web applications.' }),
  React.createElement(HelloWorld, {
    id: 'backbone',
    frameworkname: 'Backbone.js',
    title: 'Backbone.js gives structure to web applications...' }),
  React.createElement(HelloWorld, {
    id: 'angular',
    frameworkname: 'Angular.js',
    title: 'Superheroic JavaScript MVW Framework' })
), document.getElementById('content'));