Plasmic over writing data sent to $props from my React scripts

Developer Support
1

Im not an experienced developer but I have a GraphQL database on Nhost with data. I set up $props with dynamic values in plasmic to use that data. And I created React scripts that call the database, get the data, and attempt to pass it to the $props on the web page. I can see in the console that the data is reaching the web page but the props in Plasmic are not using it. Instead I repeatedly get this error “react-dom.development.js:86 Warning: React does not recognize the prop on a DOM element.” I have carefully checked all of the Plasmic configurations in my project to make sure that the $props are set up correctly without any default values and that props are assigned with dynamic values to the fields I want to filll with data. When I look into the react code generated by Plasmic it appears that the Plasmic React code is over writing the values Ive sent to the $props instead of using it.

Since this doesnt work Im now going to try calling the database from
Plasmic using integrations. But sending the data to the $props from React should work and React should be able to use that data.

2

Hey @murray_robinson, can you provide the link for the project that you’re making with this?

My first guess is that you’re setting $props directly which shouldn’t happen. Could you use a state variable with a different name for this?

3

Here is the project and the page Im having touble with. Plasmic

4

Hey @murray_robinson,

instead of making the value prop of each input be equal to $props.something, I believe the best approach would be to allow external access to the state variables of the component:

LMK if this solves your issue