even more hooks - show the marker in App

App.tsx

// at the top add these imports
import TankMarker from "./TankMarker.tsx";
import { Viewer } from "@bentley/itwin-viewer-react";
import { IModelJsViewProvider } from "@bentley/imodel-react-hooks";

const App = () => {//...
  //... at the bottom of the file replace the return statement with this
  const [imjsInited, setImjsInited] = useState(false);
  const [tankParamType, setTankParamType] = useState<"level" | "pressure">("level");

  return (
    <div className="itwin-viewer-sample" onClick={(ev) => {
      setTankParamType(prev => prev === "level" ? "pressure" : "level");
    }}>
      <Header handleLogin={onLoginClick} loggedIn={isAuthorized} handleLogout={onLogoutClick} />
      {isLoggingIn
      ? <span>"Logging in...."</span>
      : isAuthorized && <>
          <Viewer
            contextId={process.env.IMJS_CONTEXT_ID!}
            iModelId={process.env.IMJS_IMODEL_ID!}
            authConfig={{ oidcClient: AuthorizationClient.oidcClient }}
            onIModelAppInit={() => setImjsInited(true)}
          />
          {imjsInited && <IModelJsViewProvider><TankMarker tankParamType={tankParamType} /></IModelJsViewProvider>}
        </>
      }
    </div>
  );
};