react 16 doesn't support version property

CHANGELOG.md

@@ -16,9 +16,13 @@ Please follow the recommendations outlined at [keepachangelog.com](http://keepac
 Changes since last non-beta release.
 
 *Please add entries here for your pull requests that are not yet released.*
+### [13.0.2] - 2022-03-09
+#### Fixed
+- React 16 doesn't support version property, causing problems loading React on Rails. [PR 1435](https://github.com/shakacode/react_on_rails/pull/1435) by [justin808](https://github.com/justin808).
+
 ### [13.0.1] - 2022-02-09
 #### Improved
-- Updated the default generator [PR 1431](https://github.com/shakacode/react_on_rails/pull/1431) by [justin808](https://github.com/justin808).
+- Updated the default generator. [PR 1431](https://github.com/shakacode/react_on_rails/pull/1431) by [justin808](https://github.com/justin808).
 
 ### [13.0.0] - 2022-02-08
 #### Breaking

node_package/src/supportsReactCreateRoot.ts

@@ -0,0 +1,8 @@
+import ReactDOM from 'react-dom';
+
+export const isVersionGreaterThanOrEqualTo18 = (): boolean => (
+    ReactDOM.version && parseInt(ReactDOM.version.split('.')[0], 10) >= 18 ||
+    false
+)
+
+export default isVersionGreaterThanOrEqualTo18();

node_package/tests/supportsReactCreateRoot.test.js

@@ -0,0 +1,44 @@
+import ReactDOM from 'react-dom';
+import { isVersionGreaterThanOrEqualTo18 } from '../src/supportsReactCreateRoot';
+
+describe('supportsReactCreateRoot', () => {
+  it('returns false for ReactDOM v16, no version', () => {
+    expect.assertions(1);
+    const originalValue = ReactDOM.version;
+    delete ReactDOM.version;
+    expect(isVersionGreaterThanOrEqualTo18()).toBe(false);
+    ReactDOM.version = originalValue;
+  });
+
+  it('returns false for ReactDOM v17', () => {
+    const originalValue = ReactDOM.version;
+    ReactDOM.version = '17.0.0';
+    expect.assertions(1);
+    expect(isVersionGreaterThanOrEqualTo18()).toBe(false);
+    ReactDOM.version = originalValue;
+  });
+
+  it('returns true for ReactDOM v18', () => {
+    expect.assertions(1);
+    const originalValue = ReactDOM.version;
+    ReactDOM.version = '18.0.0';
+    expect(isVersionGreaterThanOrEqualTo18()).toBe(true);
+    ReactDOM.version = originalValue;
+  });
+
+  it('returns true for ReactDOM v19', () => {
+    expect.assertions(1);
+    const originalValue = ReactDOM.version;
+    ReactDOM.version = '19.0.0';
+    expect(isVersionGreaterThanOrEqualTo18()).toBe(true);
+    ReactDOM.version = originalValue;
+  });
+
+  it('returns true for ReactDOM v18 beta', () => {
+    expect.assertions(1);
+    const originalValue = ReactDOM.version;
+    ReactDOM.version = '18.0.0-rc.2';
+    expect(isVersionGreaterThanOrEqualTo18()).toBe(true);
+    ReactDOM.version = originalValue;
+  });
+});