React and Inkle integration

[cuckoosclock]

Can ink be used in React by appending the files in the JSX section of App.js?

I tried implementing componentDidMount()

class App extends React.Component {
componentDidMount() {
const script = document.createElement("script");
script.src = "ink.js";
script.async = true;

const story = document.createElement("story");
story.src = "story.js";
story.async = true;

const main = document.createElement("main");
main.src = "main.js";
main.async = true;

document.body.appendChild(script);
document.body.appendChild(story);
document.body.appendChild(main);

}

The mechanics of the ink story are simple, and don't require any Redux state changes, so I was not wanting to implement those ... but I will if I have to.

This code just returns a blank page with no story, just the headline (which is in the App.js anyway, so the three .js files story.js, main.js and ink.js just aren't doing their stuff. Any thoughts?

EDIT: I also tried .useEffect, which also silently appended without loading any of the scripts. react-helmet did not work, either.

[cuckoosclock]

just used Redux