diff --git a/avatar/index.jsx b/avatar/index.jsx
index f74a45d..1a5ddda 100644
--- a/avatar/index.jsx
+++ b/avatar/index.jsx
@@ -237,10 +237,16 @@ export function displayPart(itemPath, rerender) {
 // https://stackoverflow.com/questions/43017000/babel-ignores-es6-inside-react-dangerouslysetinnerhtml-script-tag
 // 
 export async function renderAvatar() {
+    let rend;
 
-    const rend = new jsora.Renderer(g_jsoraProject);
+    try {
+    rend = new jsora.Renderer(g_jsoraProject);
+    } catch (e) {
+        console.log("canvas dimensions not ready, retrying in 1 second");
+        setTimeout(renderAvatar, 1000);
+        return;
+    }
     var renderCanvas = await rend.make_merged_image();
-
     var sourceImageData = renderCanvas.toDataURL("image/png");
     var destCanvasContext = g_oraCanvas.getContext('2d');
     var destinationImage = new Image;
diff --git a/components/oraglbviewer/index.tsx b/components/oraglbviewer/index.tsx
index 9fe2db3..e3960dc 100644
--- a/components/oraglbviewer/index.tsx
+++ b/components/oraglbviewer/index.tsx
@@ -166,7 +166,6 @@ let loadedNft:NftMetadata;
     return (
       <>
           <canvas height={canvasSize.height} width={canvasSize.width} ref={reactCanvasBabylon} />
-        )
         {(() => {
           if (loading) {
             return <NftLoading />