React Native - Expo: Invariant Violation: Nesting of within is not currently supported
I upgraded my react native project created with CRNA.
Project was running just fine on iOS before the upgrade but I had some issues when loading it on an android device/emulator and I was hoping the upgrade would solve them.
I upgraded expo from version 27.0.1 to 31.0.4,
I read through the whole:
https://docs.expo.io/versions/latest/workflow/upgrading-expo-sdk-walkthrough
to check for any breaking changes.
I went, step-by-step through upgrading expo:
https://docs.expo.io/versions/v31.0.0/workflow/upgrading-expo
Old package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "~27.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"expo": "^27.0.1",
"firebase": "^5.5.1",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Old app.json:
{
"expo": {
"sdkVersion": "27.0.0"
}
}
Upgraded package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "^31.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"metro-react-native-babel-preset": "^0.45.0",
"expo": "^31.0.4",
"firebase": "^5.5.1",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Upgraded app.json:
{
"expo": {
"sdkVersion": "31.0.0"
}
}
After the upgrade was complete, I reinstalled the expo app on my iPhone 6s. I cleared the cache in expo. Shut down the expo packager and terminal and rebooted my computer.
Now the app is throwing errors on both iOS and Android.
On iOS i get the error:
Error received on physical device
Where the first error is located(the Icon-related):
<Button style={styles.buttonStyle} textStyle={{ flex: 1 }} onPress={() => this.authUser()}>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
Login
</Button>
The Button used here is actually not imported from react-native but a custom one I made with the same name(probably a bad idea but hey):
class Button extends Component {
render() {
return (
<TouchableOpacity onPress={this.props.onPress} style={[styles.buttonStyle, this.props.style]}>
<Text style={[styles.textStyle, this.props.textStyle]}>{this.props.children}</Text>
</TouchableOpacity>
)
}
}
export { Button }
This was never an issue before the update and I really can't seem to find what broke this code.
Any help would be much appreciated as I find myself running in circles over here.
If you want me to provide you with any additional code, I'll gladly do so.
Thanks a bunch in advance.
javascript react-native expo
add a comment |
I upgraded my react native project created with CRNA.
Project was running just fine on iOS before the upgrade but I had some issues when loading it on an android device/emulator and I was hoping the upgrade would solve them.
I upgraded expo from version 27.0.1 to 31.0.4,
I read through the whole:
https://docs.expo.io/versions/latest/workflow/upgrading-expo-sdk-walkthrough
to check for any breaking changes.
I went, step-by-step through upgrading expo:
https://docs.expo.io/versions/v31.0.0/workflow/upgrading-expo
Old package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "~27.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"expo": "^27.0.1",
"firebase": "^5.5.1",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Old app.json:
{
"expo": {
"sdkVersion": "27.0.0"
}
}
Upgraded package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "^31.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"metro-react-native-babel-preset": "^0.45.0",
"expo": "^31.0.4",
"firebase": "^5.5.1",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Upgraded app.json:
{
"expo": {
"sdkVersion": "31.0.0"
}
}
After the upgrade was complete, I reinstalled the expo app on my iPhone 6s. I cleared the cache in expo. Shut down the expo packager and terminal and rebooted my computer.
Now the app is throwing errors on both iOS and Android.
On iOS i get the error:
Error received on physical device
Where the first error is located(the Icon-related):
<Button style={styles.buttonStyle} textStyle={{ flex: 1 }} onPress={() => this.authUser()}>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
Login
</Button>
The Button used here is actually not imported from react-native but a custom one I made with the same name(probably a bad idea but hey):
class Button extends Component {
render() {
return (
<TouchableOpacity onPress={this.props.onPress} style={[styles.buttonStyle, this.props.style]}>
<Text style={[styles.textStyle, this.props.textStyle]}>{this.props.children}</Text>
</TouchableOpacity>
)
}
}
export { Button }
This was never an issue before the update and I really can't seem to find what broke this code.
Any help would be much appreciated as I find myself running in circles over here.
If you want me to provide you with any additional code, I'll gladly do so.
Thanks a bunch in advance.
javascript react-native expo
add a comment |
I upgraded my react native project created with CRNA.
Project was running just fine on iOS before the upgrade but I had some issues when loading it on an android device/emulator and I was hoping the upgrade would solve them.
I upgraded expo from version 27.0.1 to 31.0.4,
I read through the whole:
https://docs.expo.io/versions/latest/workflow/upgrading-expo-sdk-walkthrough
to check for any breaking changes.
I went, step-by-step through upgrading expo:
https://docs.expo.io/versions/v31.0.0/workflow/upgrading-expo
Old package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "~27.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"expo": "^27.0.1",
"firebase": "^5.5.1",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Old app.json:
{
"expo": {
"sdkVersion": "27.0.0"
}
}
Upgraded package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "^31.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"metro-react-native-babel-preset": "^0.45.0",
"expo": "^31.0.4",
"firebase": "^5.5.1",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Upgraded app.json:
{
"expo": {
"sdkVersion": "31.0.0"
}
}
After the upgrade was complete, I reinstalled the expo app on my iPhone 6s. I cleared the cache in expo. Shut down the expo packager and terminal and rebooted my computer.
Now the app is throwing errors on both iOS and Android.
On iOS i get the error:
Error received on physical device
Where the first error is located(the Icon-related):
<Button style={styles.buttonStyle} textStyle={{ flex: 1 }} onPress={() => this.authUser()}>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
Login
</Button>
The Button used here is actually not imported from react-native but a custom one I made with the same name(probably a bad idea but hey):
class Button extends Component {
render() {
return (
<TouchableOpacity onPress={this.props.onPress} style={[styles.buttonStyle, this.props.style]}>
<Text style={[styles.textStyle, this.props.textStyle]}>{this.props.children}</Text>
</TouchableOpacity>
)
}
}
export { Button }
This was never an issue before the update and I really can't seem to find what broke this code.
Any help would be much appreciated as I find myself running in circles over here.
If you want me to provide you with any additional code, I'll gladly do so.
Thanks a bunch in advance.
javascript react-native expo
I upgraded my react native project created with CRNA.
Project was running just fine on iOS before the upgrade but I had some issues when loading it on an android device/emulator and I was hoping the upgrade would solve them.
I upgraded expo from version 27.0.1 to 31.0.4,
I read through the whole:
https://docs.expo.io/versions/latest/workflow/upgrading-expo-sdk-walkthrough
to check for any breaking changes.
I went, step-by-step through upgrading expo:
https://docs.expo.io/versions/v31.0.0/workflow/upgrading-expo
Old package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "~27.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"expo": "^27.0.1",
"firebase": "^5.5.1",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Old app.json:
{
"expo": {
"sdkVersion": "27.0.0"
}
}
Upgraded package.json:
{
"name": "FamScore3",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.14.0",
"jest-expo": "^31.0.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"@firebase/auth": "^0.7.6",
"@firebase/database": "^0.3.6",
"axios": "^0.18.0",
"metro-react-native-babel-preset": "^0.45.0",
"expo": "^31.0.4",
"firebase": "^5.5.1",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz",
"react-native-elements": "^0.19.1",
"react-native-material-dropdown": "^0.11.1",
"react-native-router-flux": "^4.0.1",
"react-redux": "^5.0.7",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0"
}
}
Upgraded app.json:
{
"expo": {
"sdkVersion": "31.0.0"
}
}
After the upgrade was complete, I reinstalled the expo app on my iPhone 6s. I cleared the cache in expo. Shut down the expo packager and terminal and rebooted my computer.
Now the app is throwing errors on both iOS and Android.
On iOS i get the error:
Error received on physical device
Where the first error is located(the Icon-related):
<Button style={styles.buttonStyle} textStyle={{ flex: 1 }} onPress={() => this.authUser()}>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
Login
</Button>
The Button used here is actually not imported from react-native but a custom one I made with the same name(probably a bad idea but hey):
class Button extends Component {
render() {
return (
<TouchableOpacity onPress={this.props.onPress} style={[styles.buttonStyle, this.props.style]}>
<Text style={[styles.textStyle, this.props.textStyle]}>{this.props.children}</Text>
</TouchableOpacity>
)
}
}
export { Button }
This was never an issue before the update and I really can't seem to find what broke this code.
Any help would be much appreciated as I find myself running in circles over here.
If you want me to provide you with any additional code, I'll gladly do so.
Thanks a bunch in advance.
javascript react-native expo
javascript react-native expo
edited Nov 15 '18 at 23:13
KentAgent
asked Nov 15 '18 at 22:24
KentAgentKentAgent
84
84
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Button doesn't accept this syntax. If you need an icon in your button, try TouchableHighlight
or similar:
<TouchableHighlight onPress={()=>{}}>
<View>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
<Text> Login </Text>
</View>
</TouchableHighlight>
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
add a comment |
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%2f53328733%2freact-native-expo-invariant-violation-nesting-of-view-within-text-is-not%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Button doesn't accept this syntax. If you need an icon in your button, try TouchableHighlight
or similar:
<TouchableHighlight onPress={()=>{}}>
<View>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
<Text> Login </Text>
</View>
</TouchableHighlight>
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
add a comment |
Button doesn't accept this syntax. If you need an icon in your button, try TouchableHighlight
or similar:
<TouchableHighlight onPress={()=>{}}>
<View>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
<Text> Login </Text>
</View>
</TouchableHighlight>
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
add a comment |
Button doesn't accept this syntax. If you need an icon in your button, try TouchableHighlight
or similar:
<TouchableHighlight onPress={()=>{}}>
<View>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
<Text> Login </Text>
</View>
</TouchableHighlight>
Button doesn't accept this syntax. If you need an icon in your button, try TouchableHighlight
or similar:
<TouchableHighlight onPress={()=>{}}>
<View>
<Icon
iconStyle={styles.iconStyle}
size={iconSize}
color={'#ea8a8a'}
type='simple-line-icon'
name={'heart'}
/>
<Text> Login </Text>
</View>
</TouchableHighlight>
edited Nov 15 '18 at 23:12
melancia
8,44222142
8,44222142
answered Nov 15 '18 at 23:07
Sergio ClementeSergio Clemente
915
915
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
add a comment |
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
Oh sorry. Button is actually a custom component I made and not the default one from react-native. I have updated my question. Thanks!
– KentAgent
Nov 15 '18 at 23:15
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
I just realised this solved my problem for iOS! Thanks a lot and have a great day! I'll make a new question regarding the Android issue. Cheers!
– KentAgent
Nov 15 '18 at 23:43
add a comment |
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.
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%2f53328733%2freact-native-expo-invariant-violation-nesting-of-view-within-text-is-not%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