javascript - Uncaught Invariant Violation: traverseParentPath(...): Cannot traverse from and to the same ID, `` -

-

the setup

in project use lot of libraries, case think these relevant: redux-form, material-ui , parse.

in app have form component looks this:

class objectform {    render() {     const { fields: { field }, handlesubmit, submitting } = this.props;      return (       <form onsubmit={handlesubmit}>         <textfield hinttext="hint text" {...field} />         <raisedbutton label="send" type="submit" disabled={submitting} />       </form>     );   }  }

wrapped container, like:

function mapstatetoprops(state) {   const { object } = state;   return {     object,     initialvalues: {       field: object.get('field'),     },     onsubmit: data => {       return object.save({         field: data.field,       });     },   }; }  export default reduxform({   form: 'objectform',   fields: [     'field',   ], }, mapstatetoprops)(objectform);

the problem

the problem that, when form dirty (i changed value in input), error:

uncaught invariant violation: traverseparentpath(...): cannot traverse , same id, ``.

besides that, parse object gets saved, button doesn't disable while until save ends.

if submit form again, without changing value, works fine.

what causing it

until now, find 3 pieces of code that, if removed, makes error go away!

the first 1 submit button's disabled property. removing disabled={submitting} part, make error go away, miss visual feedback. update: if remove disabled attribute, use submitting property conditionally show loading indicator no error thrown, indicator isn't shown (although show if form clean).

the second not send initialvalues prop reduxform. removing initialvalues: {...} makes error go away.

last not least, not set new value parse object property makes error go away. remove parameter object.save call , works fine.

help!

i'm struggling days because of this, i'm out of ideas.

call stack

enter image description here

i running same error , found root cause looking little further callstack:

enter image description here

the "type" , "props" information led me little piece of code had written, whatever reason not getting managed in nice way react: 

<textpath  ref={(node) => {         node && node.setattribute("startoffset", '50%')       }}  >    {text} </textpath>

commenting out ref fixed me:

<textpath // ref={(node) => { //        node && node.setattribute("startoffset", '50%') //      }}  >    {text} </textpath>

for me, solving mean moving react 15 svg tags supported , wont have rely on ref hack. i'm not sure fix in case, thought i'd share scenario in case helps anyone.

cheers, thomas


Comments

Post a Comment

Popular posts from this blog

Google sheets equipment borrowing system -

-
i working on google sheets system shows has item. have never worked google apps script before, want check value of c2, make sheet copy of data (d2, e2, g2) here (it trying copy 2nd column) , move here (in different sheet same document) next corresponding name on each particular section i think want rotate data columns becomes rows, , rows become columns, right? what need [transpose][1] function. for example, in a2, if put =transpose('sheet 2'!c1:1) , google sheets automatically fill column values of first row of 'sheet 2', starting @ c1 position. updated answer: here working example here steps: get filtered list of timestamp matched equipment sort list it's reverse order get first item sorted list ("last date") get position of "last date" in timestamp list get item in action list @ same position "last date" if item "check out" it's not available. note: might want store result of index() ...
Read more

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

-
Image
i created own android project , cut , pasted code exercise: http://androidexample.com/show_phone_contacts_in_autocomplete_suggestions_-_android_example%20/index.php?view=article_discription&aid=106&aaid=128# when build project no errors or warnings. when run project window error: annoyingly, can't make window smaller, can't click of buttons. cick 'x' @ top, close it. here's project structure: where getting 'autocompletemain' from? (note small c) class named autocompletemain. help. and have activity included in android manifest, in case you're wondering: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.androidexample.autocompleteedittext" android:versioncode="1" android:versionname="1.0" > <uses-permission android:name="android.permission.read_phone_state...
Read more

c# - Convert type 'System.Collections.Generic.List<string>' to 'System.Collections.Generic.IList<>' -

-
in model account have property this public list<string> roles { get; set; } later on want property convert ilist<iapplicationuserrole<role>> , have function public ilist<iapplicationuserrole<role>> roles { { return _account.roles; // how convert in specific type intended. } } here iapplicationuserrole public interface iapplicationuserrole<trolemodel> : irole<string> trolemodel : entitymodel { trolemodel role { get; set; } string name { get; set; } } i newbie thing. looking forward help. say have implementing class like: public class applicationuserrole : iapplicationuserrole<t> t : role { public applicationuserrole() { } public user user { get; set; } public t role { get; set; } } then, you'd this: public ilist<iapplicationuserrole<role>> roles { { return _account.roles .select(r => ...
Read more