Enable custom wrapping of top-lvl React component

[Martinsos]

If Wasper wants to, for example, add Redux to their app, they will want to wrap the top-lvl React component into Provider for Redux. In that case, they will need some kind of mechanism to do that -> it could be a JS function that receives top lvl component and returns the same component but wrapped into whatever they like -> basically a decorator.

[faassen]

I'm quite interested in how we design this one, but I won't get around to it soon so unassigning.

[Martinsos]

Suggestion by @infomiho

Do we offer an escape hatch like _app.js in Next.js 12? That would be an ideal place such a thing.

1. If there is a user provided App component then use it as wrapper around router

function App({ children }) {
  return (<ChakraProvider>
{children}
</ChakraProvider>);
}

2. Else provide just a function App(props) { return props.children; } (edited)

[Martinsos]

Relevant Discord conversation: https://discord.com/channels/686873244791210014/943092165964349500/1063054735193673728 .