Hovedproblemet er, når du prøver at parse JSON-indholdet,
JSON.parse(post.paragraph)
indholdet er udefineret. Det er derfor, du får fejlen. Du bør ikke gengive indholdet, før dataene er indlæst. I mit særlige problem var følgende:
const BlogPostPage: React.FC<MatchProps> = (props: MatchProps) => {
const classes = useStyles();
const { data, loading, error } = useGetBlogQuery({
variables: {
id: props.match.params.id
}
});
return (
<BlogPostContent markdown={data?.blog?.contentJson}></BlogPostContent>
);
}
I dette stykke kode kalder jeg en async-forespørgsel gennem apollo-klienten. Men på gengivelsesopkaldet fik jeg den samme fejl som din. Derefter har jeg tilføjet følgende kode for at vente, indtil data er indlæst. Efter data er indlæst, udløses krogen og gengives komponenten.
if (loading) return (<>{"loading..."}</>);