title: push in typescript of react native
body: <p>I am studying typescript in react native.</p>
  
  <p>If I typed the following code as vanilla javascript, the app works well.
  But typed as a typescript, I received a message <code>circleStyles.push(styles.circleCorrect);</code> is an error. I understand it seems like the problem of type but I do not get how to solve it.</p>
  
  <p>Does anyone have an idea?</p>
  
  <pre><code>import React from "react";
  import { View, StyleSheet, Dimensions, Image } from "react-native";
  
  const screen = Dimensions.get("window");
  
  const styles = StyleSheet.create({
    container: {
      position: "absolute",
      top: 0,
      bottom: 0,
      left: 0,
      right: 0,
      flex: 1,
      alignItems: "center",
      justifyContent: "center"
    },
    circle: {
      backgroundColor: "#ff4136",
      width: screen.width / 2,
      height: screen.width / 2,
      borderRadius: screen.width / 2,
      alignItems: "center",
      justifyContent: "center"
    },
    circleCorrect: {
      backgroundColor: "#28A125"
    },
    icon: {
      width: screen.width / 3
    }
  });
  
  export const Alert = ({ correct, visible }) =&gt; {
    if (!visible) return null;
  
    const icon = correct
      ? require("../assets/check.png")
      : require("../assets/close.png");
  
      const circleStyles = [styles.circle];
  
      if (correct) {
        **circleStyles.push(styles.circleCorrect);**
      }
  
    return (
      &lt;View style={styles.container}&gt;
        &lt;View style={circleStyles}&gt;
          &lt;Image source={icon} style={styles.icon} resizeMode="contain" /&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>