Fixes #135 by internalizing JSX element while waiting on VM.require

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 2.6.2
+
+- #135 Fix async behavior of VM.require incorrectly showing warnings by solidifying an expectation of a returned JSX element while async components are loading from cache. 
+
+
 ## 2.6.1
 
 - Add option to bypass the commit modal and skip transaction confirmation modal for all widgets (`features.commitModalBypass.bypassAll` and `features.bypassTransactionConfirmation`). This is intended to use by the gateways that expects external wallet to confirm all transactions.

config/webpack.development.js

@@ -2,7 +2,7 @@ const path = require("path");
 const { HotModuleReplacementPlugin } = require("webpack");
 
 module.exports = () => ({
-  devtool: false,
+  devtool: "inline-source-map",
   module: {
     rules: [
       {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "near-social-vm",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "description": "Near Social VM",
   "main": "dist/index.js",
   "files": [
@@ -105,6 +105,7 @@
   },
   "scripts": {
     "webpack": "webpack",
+    "dev": "webpack --env mode=development --watch",
     "prod": "npm run webpack -- --env mode=production",
     "build": "npm run prod"
   },

src/lib/vm/vm.js

@@ -536,7 +536,7 @@ class VmStack {
 
     if (withChildren === undefined && !RadixComp) {
       if (customComponent === undefined) {
-        throw new Error("Unknown element: " + element);
+        return <></>;
       }
       if (
         !isStyledComponent(customComponent) &&