Description
window is not defined in my next js app
I’m wraping my _app.js content with @zoom1234/videosdk.
Browser Console Error
Window is not defined
Which Web Video SDK version?
“@zoom1234/videosdk”: “^1.1.7”,
Video SDK Code Snippets
_app.js file. I also tried with dynamic imports but nothing changed
import dynamic from 'next/dynamic';
import { Provider } from 'react-redux'
import configStore from '../redux/store'
import { ChakraProvider } from '@chakra-ui/react'
import '../styles/globals.css'
import ZoomVideo from '@zoom/videosdk';
import ZoomContext from '../context/ZoomClientContext';
const store = configStore()
const client = ZoomVideo.createClient();
function MyApp({ Component, pageProps }) {
return (
<ZoomContext.Provider value={client}>
<Provider store={store}>
<ChakraProvider>
<Component {...pageProps} />
</ChakraProvider>
</Provider >
</ZoomContext.Provider>
)
}
export default MyApp
Screenshots
Any help highly appreciated!