Unable to render SandDance in react web app

Hi dev team,

I have pulled your repo to study the source code and want to implement it on a new Create-React-App. Not sure, how to do such a thing, and the documentation has led me nowhere.

I have done all the necessary importation, notice on the bug where the dependencies have now changed to @msrvida/{libraryName} instead of just the library name.

Following SandDance.use all the importation to finally render

function App() {
return (
<section className="app-container">
<SandDanceReact />
</section>
)
} 

Any help with this issue is much appreciated and thanks in advance

[marcjansen89]

What helped me with getting started is by looking at this example: microsoft-react-sanddance-example

[danmarshall]

You can add CSS to set the size. Here is an example of a fixed size:

.sanddance-gl {
    border: 1px solid #ccc;
    height: 700px;
    width: 700px;
}

If you do dynamic sizing, you may want to pass the new size to the insight object.