this is code snippet for iframe:

 
 return (
                    <div className={itemClasses} key={_index}>
                        {HTMLContentTypes.includes(item.contentType) && (
                            <>
                                <iframe
                                    sandbox="allow-scripts"
                                    src={item.url}
                                    style={{
                                        pointerEvents: "none",
                                    }}
                                />
                            </>
                        )}
                        {IMGContentTypes.includes(item.contentType) && (
                            <Image
                                src={item.url}
                                alt="trade items"
                                layout="fill"
                                className="rounded-md object-cover"
                            />
                        )}
                    </div>
                );

sry, cannot share anymore becuase it's not deployed yet.

We're facing an issue with displaying iframe content on a website developed by NextJS on iOS.
Our goal is to display all iframe content correctly on all IOS versions for nextjs/typescript.