React 17.x upgrade fixes

app/soapbox/features/compose/components/privacy_dropdown.js

@@ -170,7 +170,7 @@ class PrivacyDropdown extends React.PureComponent {
 
   constructor(props) {
     super(props);
-    const { intl: { formatMessage } } = this.props;
+    const { intl: { formatMessage } } = props;
 
     this.options = [
       { icon: 'globe', value: 'public', text: formatMessage(messages.public_short), meta: formatMessage(messages.public_long) },

app/soapbox/features/edit_profile/index.js

@@ -64,6 +64,17 @@ class EditProfile extends ImmutablePureComponent {
     fields: normalizeFields(Array.from({ length: MAX_FIELDS })),
   }
 
+  constructor(props) {
+    super(props);
+    const initialState = props.account.withMutations(map => {
+      map.merge(map.get('source'));
+      map.delete('source');
+      map.set('fields', normalizeFields(map.get('fields')));
+      unescapeParams(map, ['display_name', 'note']);
+    });
+    this.state = initialState.toObject();
+  }
+
   makePreviewAccount = () => {
     const { account } = this.props;
     return account.merge(ImmutableMap({
@@ -117,17 +128,6 @@ class EditProfile extends ImmutablePureComponent {
     event.preventDefault();
   }
 
-  constructor(props) {
-    super(props);
-    const initialState = this.props.account.withMutations(map => {
-      map.merge(map.get('source'));
-      map.delete('source');
-      map.set('fields', normalizeFields(map.get('fields')));
-      unescapeParams(map, ['display_name', 'note']);
-    });
-    this.state = initialState.toObject();
-  }
-
   handleCheckboxChange = e => {
     this.setState({ [e.target.name]: e.target.checked });
   }

app/soapbox/features/groups/create/index.js

@@ -51,7 +51,7 @@ class Create extends React.PureComponent {
 
   constructor(props) {
     super(props);
-    this.props.reset();
+    props.reset();
   }
 
   handleTitleChange = e => {

app/soapbox/features/introduction/index.js

@@ -87,7 +87,7 @@ class Introduction extends React.PureComponent {
   constructor(props) {
     super(props);
     this.pages = [
-      <FrameWelcome domain={this.props.domain} onNext={this.handleNext} />,
+      <FrameWelcome domain={props.domain} onNext={this.handleNext} />,
       <FrameFederation onNext={this.handleNext} />,
       <FrameInteractions onNext={this.handleFinish} />,
     ];