Cannot set properties of undefined (setting 'reward_function')

[Srijan Srivastava]

I am using vite+react for my project. Since there were new features to be implemented, I decided to move my Blockly workspace to react as it will be easier to implement those features in react. My code was working fine in vanilla JS and HTML, however, when I used react-blockly, I got the following error: Cannot set properties of undefined (setting 'reward_function') in the console. Does any body know why this is happening or how I can solve it?

 This is my folder structure

 This is my package.json

 This is my custom block file.

 My imports in App.js

I do not have this block on the toolbox, but pre-loaded on the workspace from the XML.

 This is the error on the developer tools.

Any idea on how to fix this?

PS: I ran the example given on react-blockly's github and it gave me the same error.

Thank you in adcance.

[Maribeth Bottorff]

Hello,

What version of Blockly are you using? If using a recent version (I believe 9+) then generator imports have changed. You can find the documentation here. As a side note, you probably need a direct dependency on blockly and to use `import * as Blockly from 'blockly';` but neither of those are likely to be causing this problem.

If you have additional problems after fixing that, please reply, but do note that we on the core team are not particularly familiar with react-blockly; we'll still do our best to help though!

Maribeth

[Srijan Srivastava]

Hello,

Thank you, Maribeth, for your reply.

I realised that this error only occurs when JS thinks that we are accessing something which is not defined (yet), but it is the crazy world of JS. So, I divided the files: one with block configurations and one with python generators. I called the block configurations first and then the generator. So, now my workspace is loading, and the blocks have no error. 

Thank you for recommending the imports. I have changed the code accordingly.

So, now my folder structure is as follows:

Also, here is an example snippet from the generators:

Updated imports:

Workspace working perfectly:

Thank you very much for your help.

Best,

Srijan

[Maribeth Bottorff]

Great, glad you got it working!

Maribeth