GeekyAnts / vue-native-core

Vue Native is a framework to build cross platform native mobile apps using JavaScript
https://vue-native.io
MIT License
8.31k stars 295 forks source link

Issue: Getting error when I using nested "Component As Prop". #252

Closed jawahar273 closed 4 years ago

jawahar273 commented 4 years ago

Description of the bug Hi, I am integrating graphql mutation in vue-native using react-apollo with formik for handling form validation. The approach take by use of Component as props on props.children. On development this error popups up. Property or method "args" is not defined on instance. but referenced during render.

To Reproduce

Packages:
"graphql": "^15.0.0",
"graphql-tag": "^2.10.3",
"react-apollo": "^3.1.5",
"apollo-boost": "^0.4.7",
"formik": "^2.1.4",

Steps to reproduce the behavior:

<mutation :mutation="...">
  <view render-prop-fn="children" arguments="graphqlArgs">
      <formik :initialValues="..."
                    :validationSchema="..."
                    :onSubmit="(values, arg) => onSubmit()" >
            <view render-prop-fn="children" arguments="args"></view>
     </formik>
   </view>
</mutation>

I am

What I expected Working of mutation and formik.

Screenshots Screenshot_2020-04-19-12-54-04-052_host exp exponent

Did I use vue-native-cli to create the project? Yes

Am I using Expo? Yes

Development platform (please complete the following information):

The device on which I run my Vue Native app

RishabhKarnad commented 4 years ago

Seems like a duplicate of #234