global is not defined

[jelle-blaauw]

I'm getting the following error:

My source:

import {StompSessionProvider} from "react-stomp-hooks";

// ...

<StompSessionProvider
    url={"https://stream.elite12.de/api/sock"}
    debug={(str) => {
        console.log(str);
    }}>
    <Router>
        <Box sx={{display: 'flex', width: '100%', height: '100%'}}>
            <NavigationBar/>
            <Box
                component="main"
                sx={{
                    flexGrow: 1,
                    p: {md: 3},
                    // width: {sm: `calc(100% - ${drawerWidth}px)`},
                    width: '100%',
                    height: '100%',
                    backgroundColor: (theme: Theme) => theme.palette.mode === 'dark' ? theme.palette.background.paper : '#f5f5f5'
                }}>
                <Toolbar/>
                <PageContainer>
                    <Suspense fallback={<div>Loading...</div>}>
                        <MainPage/>
                    </Suspense>
                </PageContainer>
            </Box>
        </Box>
    </Router>
</StompSessionProvider>

I've tried manually adding the sockjs-client dependency, but it made no difference. Any ideas?

[SvenKirschbaum]

Hello!

Please take a look at this issue: https://github.com/sockjs/sockjs-client/issues/439

This is not an issue with react-stomp-hooks itself, and likely connected to your build setup.

[danibiro]

Same error. I am not using sockjs; I get the same error without any config.

[SvenKirschbaum]

I have just released version 3.0.0, which includes a workaround for this issue.