Add type annotations to all React component state members.

I'm not really sure why, but without this, TypeScript thinks that the state
can only have the values that it sees in the initialization value. It also
doesn't complain if setState is called with values that don't match the type
it inferred for the state member.

It needs to know that this.state can have other values than the initial value
if we want to avoid false positives from '@typescript-eslint/no-unnecessary-condition'.

Author: mstange

src/components/app/CompareHome.tsx

@@ -23,7 +23,7 @@ type State = {
 };
 
 class CompareHomeImpl extends PureComponent<Props, State> {
-  override state = { profile1: '', profile2: '' };
+  override state: State = { profile1: '', profile2: '' };
 
   handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const { name, value } = event.target;

src/components/app/FooterLinks.tsx

@@ -15,7 +15,7 @@ export class FooterLinks extends PureComponent<{}, State> {
     this.setState({ hide: true });
   };
 
-  override state = {
+  override state: State = {
     hide: false,
   };
 

src/components/app/Home.tsx

@@ -54,7 +54,7 @@ class ActionButtons extends React.PureComponent<
 > {
   _fileInput: HTMLInputElement | null = null;
 
-  override state = {
+  override state: ActionButtonsState = {
     isLoadFromUrlPressed: false,
   };
 
@@ -129,7 +129,7 @@ class LoadFromUrl extends React.PureComponent<
   LoadFromUrlProps,
   LoadFromUrlState
 > {
-  override state = {
+  override state: LoadFromUrlState = {
     value: '',
   };
 

src/components/app/KeyboardShortcut.tsx

@@ -23,7 +23,7 @@ type State = {
  * Display a list of shortcuts that overlays the screen.
  */
 export class KeyboardShortcut extends React.PureComponent<Props, State> {
-  override state = {
+  override state: State = {
     isOpen: false,
     // The eslint error is a false positive due to how it's used, see the line:
     //  `focusAfterClosed.focus()`

src/components/app/ListOfPublishedProfiles.tsx

@@ -49,7 +49,7 @@ class PublishedProfile extends React.PureComponent<
   PublishedProfileProps,
   PublishedProfileState
 > {
-  override state = {
+  override state: PublishedProfileState = {
     confirmDialogIsOpen: false,
   };
 
@@ -162,7 +162,7 @@ type State = {
 export class ListOfPublishedProfiles extends PureComponent<Props, State> {
   _isMounted = false;
 
-  override state = {
+  override state: State = {
     uploadedProfileInformationList: null,
   };
 

src/components/app/MenuButtons/MetaInfo.tsx

@@ -55,7 +55,7 @@ type Props = ConnectedProps<{}, StateProps, DispatchProps>;
  * This component formats the profile's meta information into a dropdown panel.
  */
 class MetaInfoPanelImpl extends React.PureComponent<Props, State> {
-  override state = { showsMoreInfo: false };
+  override state: State = { showsMoreInfo: false };
 
   /**
    * This method provides information about the symbolication status, and a button

src/components/app/MenuButtons/Permalink.tsx

@@ -30,7 +30,7 @@ export class MenuButtonsPermalink extends React.PureComponent<Props, State> {
     this._permalinkTextField = elem;
   };
 
-  override state = {
+  override state: State = {
     fullUrl: '',
     shortUrl: '',
   };

src/components/app/ProfileName.tsx

@@ -37,7 +37,7 @@ type State = {
  * state), and then when active, it switches to an input, which is only fixed in size.
  */
 class ProfileNameImpl extends React.PureComponent<Props, State> {
-  override state = {
+  override state: State = {
     focusedWithKey: null,
     focusGeneration: 0,
   };

src/components/js-tracer/Canvas.tsx

@@ -90,7 +90,7 @@ const ROW_LABEL_OFFSET_LEFT: CssPixels = 5;
 const FONT_SIZE: CssPixels = 10;
 
 class JsTracerCanvasImpl extends React.PureComponent<Props, State> {
-  override state = {
+  override state: State = {
     hasFirstDraw: false,
   };
   _textMeasurement: TextMeasurement | null = null;

src/components/js-tracer/Chart.tsx

@@ -175,7 +175,7 @@ class JsTracerChartLoader extends React.PureComponent<
   ChartLoaderProps,
   ChartLoaderState
 > {
-  override state = {
+  override state: ChartLoaderState = {
     // The loader needs to be mounted before rendering the chart, as it has expensive
     // selectors.
     readyToRenderExpensiveChart: false,