translate.js | translate text from one language | Translation library

If you use async then you always will get Promise. Moreover I would be better to use Promise.resolve to return synchronous results (your case):

I suppose you are getting the error on this line of code: TranslateSingleton.load(lang, false, null);

Here you have basically passed null as the argument for the callback parameter.

Inside the function body on line callback('OK', null), this tries to invoke or call the function that you have passed as the callback argument. Since your argument is null, it cannot invoke since null is not a function, therefore it throws the error.

The issue is that you're saving the array returned by the API call within another array this.setState({getdata:[data.list]});. This is making it difficult to parse. Below is a working example which has been simplified due to limited access to your css files:

Form.js

Try this:

The full standard library has not been ported to Transcrypt yet, the json library included. In most cases you can get around this by using a JavaScript equivalent library to support whatever you are trying to accomplish, and they can be called directly from your Python code. But Transcrypt doesn't automatically do this library mapping for you, so you'll have to explicitly import the JavaScript library to use it.

Since Python dictionaries are converted to JavaScript objects with Transcrypt, you may be able to just use the JSON data as-is. Otherwise you can call the built-in JSON.parse() and JSON.stringify() directly with no imports necessary.

The problem is that you are trying to get the videoFrame before the full page is loaded. You can fix this problem by putting that code inside a document.ready or by acessing the video inside the function, so it search for it when the button is clicked (and the full website has been already loaded)

I see multiple issues.

1. You don't need to define the properties IT and EN as arrays in the JSON file. It could very well be plain JS objects.

In order to use multiple namespaces in the same page, you need to specify it when calling useTranslation.

It is terser-webpack-plugin job to minify the html, you can pass to it keep_fnames: false.