Rename the errorMessage variable to avoid name collisions

Author: Matthieu Napoli

App/Containers/HomeScreen.js

@@ -25,7 +25,7 @@ class HomeScreen extends React.Component {
           The weather temperature is: {this.props.temperature}
         </Text>
         <Text style={styles.instructions}>{this.props.isHot ? "It's pretty hot!" : ''}</Text>
-        <Text style={styles.instructions}>{this.props.errorMessage}</Text>
+        <Text style={styles.instructions}>{this.props.temperatureErrorMessage}</Text>
         <Button onPress={this.props.fetchTemperature} title="Refresh" />
       </View>
     )
@@ -51,12 +51,12 @@ const styles = StyleSheet.create({
 
 HomeScreen.propsTypes = {
   temperature: PropTypes.number,
-  errorMessage: PropTypes.string,
+  temperatureErrorMessage: PropTypes.string,
 }
 
 const mapStateToProps = (state) => ({
   temperature: state.example.get('temperature'),
-  errorMessage: state.example.get('errorMessage'),
+  temperatureErrorMessage: state.example.get('temperatureErrorMessage'),
   isHot: isHot(state),
 })
 

App/Stores/Example/InitialState.js

@@ -5,5 +5,5 @@ import { Map } from 'immutable'
  */
 export const INITIAL_STATE = Map({
   temperature: null,
-  errorMessage: null,
+  temperatureErrorMessage: null,
 })

App/Stores/Example/Reducers.js

@@ -8,16 +8,16 @@ import { ExampleTypes } from './Actions'
 export const updateTemperature = (state, { temperature }) =>
   state.merge({
     temperature: temperature,
-    errorMessage: null,
+    temperatureErrorMessage: null,
   })
 
 /**
- * Example of a reducer that updates the `errorMessage` property.
+ * Example of a reducer that updates the `temperatureErrorMessage` property.
  */
 export const showErrorMessage = (state, { errorMessage }) =>
   state.merge({
     temperature: '??',
-    errorMessage: errorMessage,
+    temperatureErrorMessage: errorMessage,
   })
 
 /**