The current example initialises the realm in a seperate file (module) which is then exported and imported into the other files:

//realm.js
export default new Realm({schema: [Todo, TodoList]});

However, the docs state:

>This is typically not recommended as it blocks and could potentially be a time consuming operation, especially if there are migrations to run or if the realm is synchronized and you don’t want to risk modifying data before it’s been completely downloaded.
https://realm.io/docs/javascript/latest/#synchronously-opening-realms

Can the example app please be updated to show how to open the realm (with Realm.open) in a seperate file (module) which is then imported into the other components?