Bviveksingh

const [paragraphArr, setParagraphArr] = useState<JSX.Element[]>([]);

Bviveksingh

{paragraphArr.length > 0 && <Paragraph/>} 

Bviveksingh

const [difficultyLevel, setDifficultyLevel] = useState<number | undefined>();

Bviveksingh

{difficultyLevel === undefined && <DifficultyLevel />}

Bviveksingh

const [timeInSeconds, setTimeInSeconds] = useState<number>(); 

Bviveksingh

{timeInSeconds as number > 0 ? <Timer/> : <Duration/>}

Bviveksingh

const handler = {
    get: async (target, date) => {
        if(target[date]){
            return target[date];
        }
        else{
            const dataRaw = await fetch(`https://api.nasa.gov/planetary/apod?api_key=${apiKey}&date=${date}`, {
                method : "GET",
                mode: 'cors',
            });

Bviveksingh

const proxyObj = new Proxy(getTargetObj(), handler);

Bviveksingh

const handler = {
  set: function (target, property, value){
    if(property === "age"){
      if(typeof value == "string"){
        alert("Cannot assign String to age, use Number only");
      }
      else{
        target[property] = value;
      }
    }

Bviveksingh

const handler = {
  get: function(target,property) {
    if(property === "name"){
      return `Name of the person is ${target[property]}`
    }
  },
}