Getting blank screen on integration of Reaflow with Next JS application

[Akarsh Deep]

I'm submitting a...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ x] Other... Please describe: I am not able to integrate reaflow in my nextjs application.

Current behavior

The div in which I am trying to load reaflow is getting rendered but the reaflow canvas is not getting loaded and shows as blank.

Expected behavior

Desired behavior should be the diagrams should get loaded.

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

Environment

Libs:
- react version: 18.2.0
- next version: 12.2.0
- realayers version: ^5.0.6


Browser:
- [ X] Chrome (desktop) version  103.0.5060.114
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: v16.15.1
- Platform:   Windows11
Others: