jscache | Just a simple JavaScript LRU cache | Caching library

When the page loads I use componentDidMount() to document.createElement("script"); in the layout index.js of a ReactJS and GatsbyJS project as

Needing a solution to a problem that I have asked in many ways without resolve.

I have external scripts from TripAdvisor that are being mounted in a component as componentDidMount. Also shouldComponentUpdate() as false to avoid future eventListeners also mounted by componentDidMount in the layouts/index.js from affecting the TripAdvisor content to disappear due to re-render of the DOM.

I am having some issues with an external script when using .

The script is loaded into the main layout index.js as

I am having issues mounting an external script into a component of my React/Gatsby App. The script below is called into a component that is used in two places throughout app.

First being pages/index.js and loads fine with zero issue, yet when called to use within a gatsby created page (exports.createPages = ({ graphql, boundActionCreators }) => {) from a template the script will load, show content and then go.

Here is the code for the script being mounted into the component -

I am loading Google Map with some customised markers in my HTML. However, the map gets greyed out when the page is loaded. Other than the greyed out box, it works fine as i can move around within the window box and when i maximise the map and minimise again, the map works like it should.

I read online that it might be due to bootstrap 3 and the following code will help solve the issue. but i have been adding this code around the google map script but it does resolve the problem. Is this the solution? and where should i add this?