What type i should pass to my imageIcon props in react typescript?

by

What props type i can use instead this any in my component for imageIcon (I know that this any is working but that’s not good practice). I’m using typescript with react. I try everything else including string but that’s not working

import React, { FC } from 'react';
import Grid from '../../hoc/layout/Grid';
import styles from './InfoBox.module.scss';

import { SvgIcon } from '@material-ui/core';

interface Props {
  title: string;
  imageIcon?: any;
  userNumber: number;
  content: string;
}

const InfoBox: FC<Props> = ({
  title,
  imageIcon,
  userNumber,
  content,
}: Props) => {
  return (
    <Grid xs={12} sm={6} md={4}>
      <div className={styles.Boxheader}>
        <div className={styles.ImageHolder}>
          <SvgIcon component={imageIcon} />
        </div>
        <p className={styles.BoxheaderTitle}>{title}</p>
      </div>
      <div className={styles.Boxcontent}>
        <p className={styles.Usernumber}>{userNumber}</p>
        <p className={styles.BoxcontentText}>{content}</p>
      </div>
    </Grid>
  );
};

export default InfoBox;

So i can forward this infoBox to other component:

import React, { FC } from 'react';
import Layout from '../../hoc/layout/Dashboard';
import InfoBox from '../../components/InfoBox';
import AccountBoxOutlinedIcon from '@material-ui/icons/AccountBoxOutlined';
const Settings: FC = () => {
  return (
    <Layout>
      <InfoBox
        title="Total Users"
        userNumber={4456}
        content="+22 in last week"
        imageIcon={AccountBoxOutlinedIcon}
      />
      <InfoBox
        title="Total Users"
        userNumber={4456}
        content="+22 in last week"
      />
    </Layout>
  );
};
export default Settings;

111 thoughts on “What type i should pass to my imageIcon props in react typescript?”

  3. Pingback: hydroxychloroquine 200 mg price
  30. Pingback: hydroxychloroquine dose for heartworm prevention
  39. Pingback: why is hydroxychloroquine banned
  53. Pingback: info on ivermectil pills
  60. Pingback: tab stromectol 6mg
  62. Pingback: priligy united states
  68. Pingback: stromectol and lymphatic filariasis
  71. Pingback: nelpa plaquenil 200mg
  74. Pingback: deltasone 20 tablets
  79. Pingback: buy ivermectin online with examination
  82. Pingback: ivermectin 12 mg 5 cc
  84. Pingback: how ivermectin works
  86. Pingback: ivermectin tablets usp
  88. Pingback: clavhydroxychloroquinnea 62.5 mg
  89. Pingback: cheap stromectol dosage
  90. Pingback: ivermectin half life humans
  91. Pingback: generic cialis usa
  93. Pingback: warnings for clomiphene citrate
  97. Pingback: ivermectin stock symbol
  98. Pingback: ivermectin and pinworms

  99. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to
    my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something
    like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates. http://herreramedical.org/dapoxetine

    Reply
  100. Pingback: viagra 4 tablets
  101. Pingback: best erectile dysfunction drugs walgreens
  102. Pingback: hydroxychloroquine sulfate for sale
  103. Pingback: over the counter viagra
  104. Pingback: soolantra for sale canada