I found the solution. Just await your import of the sdk file inside the compnentDidMount function or use dynamic import ssr false vis next/dynamic.
After this just make sure that everything needed by the sdk is exposed globally.
But I would recommend simply appending the necessary scripts inside your index.js and then accessing the ZoomMtg object via global.ZoomMtg as it is a much better / simpler option.
scripts :
<link
type="text/css"
rel="stylesheet"
href="https://source.zoom.us/1.7.5/css/bootstrap.css"
/>
<link
type="text/css"
rel="stylesheet"
href="https://source.zoom.us/1.7.5/css/react-select.css"
/>
<script src="https://source.zoom.us/1.7.5/lib/vendor/react.min.js" />
<script src="https://source.zoom.us/1.7.5/lib/vendor/react-dom.min.js" />
<script src="https://source.zoom.us/1.7.5/lib/vendor/redux.min.js" />
<script src="https://source.zoom.us/1.7.5/lib/vendor/redux-thunk.min.js" />
<script src="https://source.zoom.us/1.7.5/lib/vendor/jquery.min.js" />
<script src="https://source.zoom.us/1.7.5/lib/vendor/lodash.min.js" />
<script src="https://source.zoom.us/zoom-meeting-1.7.5.min.js" />