Fix some react warnings

src/amo/components/Addon/index.js

@@ -60,8 +60,8 @@ const slugIsPositiveID = (slug) => {
 
 export class AddonBase extends React.Component {
   static propTypes = {
-    RatingManager: PropTypes.element,
-    addon: PropTypes.object.isRequired,
+    RatingManager: PropTypes.func,
+    addon: PropTypes.object,
     clientApp: PropTypes.string.isRequired,
     config: PropTypes.object,
     defaultInstallSource: PropTypes.string.isRequired,
@@ -82,9 +82,9 @@ export class AddonBase extends React.Component {
       params: PropTypes.object.isRequired,
     }).isRequired,
     installStatus: PropTypes.string.isRequired,
-    userAgentInfo: PropTypes.object.isRequired,
-    addonsByAuthors: PropTypes.array.isRequired,
+    addonsByAuthors: PropTypes.array,
     setCurrentStatus: PropTypes.func.isRequired,
+    userAgentInfo: PropTypes.object.isRequired,
   };
 
   static defaultProps = {

src/amo/components/LandingPage/index.js

@@ -41,7 +41,7 @@ export class LandingPageBase extends React.Component {
     // This is a bug; addonTypeOfResults is used in
     // `componentWillReceiveProps()`.
     // eslint-disable-next-line react/no-unused-prop-types
-    addonTypeOfResults: PropTypes.string.isRequired,
+    addonTypeOfResults: PropTypes.string,
     // This is a bug; context is used in `setViewContextType()`.
     // eslint-disable-next-line react/no-unused-prop-types
     context: PropTypes.string.isRequired,

src/amo/components/LanguageTools/index.js

@@ -233,9 +233,9 @@ export class LanguageToolsBase extends React.Component<Props> {
                     </Tr>
                   );
                 })
-              : Array(50).fill(
-                  // eslint-disable-next-line react/jsx-indent
-                  <Tr>
+              : Array.from(Array(50)).map((_, i) => (
+                  // eslint-disable-next-line react/jsx-indent, react/no-array-index-key
+                  <Tr key={`LoadingText-${i}`}>
                     <Td>
                       <LoadingText />
                     </Td>
@@ -245,8 +245,8 @@ export class LanguageToolsBase extends React.Component<Props> {
                     <Td>
                       <LoadingText />
                     </Td>
-                  </Tr>,
-                )}
+                  </Tr>
+                ))}
           </Tbody>
         </Table>
       </Card>

src/core/components/InstallButton/index.js

@@ -84,7 +84,7 @@ export class InstallButtonBase extends React.Component {
     headerURL: PropTypes.string,
     i18n: PropTypes.object.isRequired,
     iconURL: PropTypes.string,
-    id: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     install: PropTypes.func.isRequired,
     installTheme: PropTypes.func.isRequired,
     // See ReactRouterLocationType in 'core/types/router'
@@ -98,7 +98,7 @@ export class InstallButtonBase extends React.Component {
     uninstall: PropTypes.func.isRequired,
     updateURL: PropTypes.string,
     useButton: PropTypes.bool,
-    userAgentInfo: PropTypes.string.isRequired,
+    userAgentInfo: PropTypes.object.isRequired,
     version: PropTypes.string,
     _InstallTrigger: PropTypes.object,
     _config: PropTypes.object,

src/core/components/InstallSwitch/index.js

@@ -40,7 +40,7 @@ export class InstallSwitchBase extends React.Component {
     headerURL: PropTypes.string,
     i18n: PropTypes.object.isRequired,
     iconURL: PropTypes.string,
-    id: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     install: PropTypes.func.isRequired,
     installTheme: PropTypes.func.isRequired,
     installURL: PropTypes.string,

src/core/installAddon.js

@@ -307,9 +307,9 @@ export class WithInstallHelpers extends React.Component {
     // See ReactRouterLocationType from 'core/types/router'
     location: PropTypes.object,
     platformFiles: PropTypes.object,
-    name: PropTypes.string.isRequired,
-    status: PropTypes.string.isRequired,
-    type: PropTypes.string.isRequired,
+    name: PropTypes.string,
+    status: PropTypes.string,
+    type: PropTypes.string,
     userAgentInfo: PropTypes.object.isRequired,
   };
 

src/core/middleware/security.js

@@ -21,7 +21,7 @@ export function getNoScriptStyles(
     `src/${appName}/noscript.css`,
   );
   try {
-    return fs.readFileSync(cssPath);
+    return fs.readFileSync(cssPath, 'utf8');
   } catch (e) {
     if (e.code !== 'ENOENT') {
       _log.info(`noscript styles could not be parsed from ${cssPath}`);