в случае [11] - у вас выдаётся undefinedсчитаю неправильным в любом случае.
`/faqs/${id}` и на основе этого получать нужный.
faqs[0]
MockService.onGet(/faq\/\d+$/).reply(() => {
return [200, faqs[0]]
});
export const FaqCards = () => {
const { id } = useParams<Params>();
console.log(id)
const [currentFaqs, setCurrentFaqs] = useState<Faq[] | null>();
const classes = useStyles();
useEffect(() => {
(async () => {
try {
const faqsId = await HttpService.get<Faq[]>(`/faqs/${id}`);
setCurrentFaqs(faqsId);
} catch (error) {}
})();
},[id]);
if(currentFaqs === null) return null;
else {
return (
<div className={classes.root}>
<GridContainer>
<GridRow>
<GridColumn>
<div className={classes.cards}key={id}>
<div className={classes.blockTitle}>
<p className={classes.title}>{faqs.title}</p>
<p className={classes.content}>{faqs.content}</p>
</div>
</div>
</GridColumn>
</GridRow>
</GridContainer>
</div>
);
};
};