Failed prop type: Invalid prop `form` of type `object` supplied to `Form(xxx)`, expected `string`
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
add a comment |
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
Does your store contains aform
key ? could it be that a prop namedform
is being sent toIAMSubnetFormP
? if so, it could overwrite the stingform
being sent toreduxForm
wrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
add a comment |
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
reactjs redux-form react-proptypes
edited Nov 22 '18 at 17:32
asked Nov 14 '18 at 15:59
shorif2000
79853479
79853479
Does your store contains aform
key ? could it be that a prop namedform
is being sent toIAMSubnetFormP
? if so, it could overwrite the stingform
being sent toreduxForm
wrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
add a comment |
Does your store contains aform
key ? could it be that a prop namedform
is being sent toIAMSubnetFormP
? if so, it could overwrite the stingform
being sent toreduxForm
wrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
Does your store contains a
form
key ? could it be that a prop named form
is being sent to IAMSubnetFormP
? if so, it could overwrite the sting form
being sent to reduxForm
wrapper– Eliran
Nov 25 '18 at 15:03
Does your store contains a
form
key ? could it be that a prop named form
is being sent to IAMSubnetFormP
? if so, it could overwrite the sting form
being sent to reduxForm
wrapper– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using is
form: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
th eonly form key i am using is
form: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53304219%2ffailed-prop-type-invalid-prop-form-of-type-object-supplied-to-formxxx%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53304219%2ffailed-prop-type-invalid-prop-form-of-type-object-supplied-to-formxxx%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Does your store contains a
form
key ? could it be that a prop namedform
is being sent toIAMSubnetFormP
? if so, it could overwrite the stingform
being sent toreduxForm
wrapper– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using is
form: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31