How can I change the default setting for an iFrame to load without the menu sidebar on the left?

Here is a picture of my iframe loading up on a screen that has a narrow width.

I would like to disable the "preview" or "menu" that shows the entire pdf document and the horizontal location that tue user is at while accessing it.

I have tried using scrolling="no"

Here is the code for my iframe:

  const renderIframe = () => {
    const iFrame = (
      <Box id="iFrameBox">
        <iframe
          title="test-frame"
          src={iFrameContent}
          frameBorder="10"
          height="1000"
          width="1000"
          style={{
            // maxWidth: 640,
            // width: "100%",
            overflow: "auto",
          }}
        ></iframe>
      </Box>
    );
    return iFrame;
  };