fix "Invalid data cell" issue

[SyLi9527]

Thank you so much for the great work.

I encountered the same issue too. After running some tests, I notice that one problem might be originating from this line. The loadStructure function always needs to be executed asynchronously, but an async-await is missing.

Another point to consider is that both the first and second useEffect hooks run during the first rendering. Since they request the same resource, the requsets are disordered. You can find more details by checking the "Network" tab in the developer tools. So I add a state to avoid fecthing the same protein at first rendering.

With the code I committed, it works well on [email protected] for me and issue #5 and #3 may be fixed :)

[SyLi9527]

I also noticed if you're not using the original interface and have set useInterface={false} or haven't set useInterface at all, you may need to specify the width and height in the parent component. Otherwise, you may encounter the issue WebGL-000045C400394000] GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete. I don't know if it's only my problem or others also get this.

[samirelanduk]

Thanks so much for this - I had noticed this error too, this is a big help. Will make an NPM release for this shortly.