Position camera from Collada file

I have created a very simple model in Sketchup and exported it as a collada file. I am then trying to get three.js to display the model with the same view that was exported from Sketchup. The view in Sketchup had been panned and rotated. If I load the model into the tree.js editor and select the skp_camera_Last_Saved_SketchUp_View camera then it appears as it did in Sketchup.

Editor result

My Result

I am currently making the camera look at 0,0,0 which I am guessing is wrong but I can’t figure out what it should look at. I have tried many times to work through the editor source code to see what it is doing correctly but I must be missing something.

My model
model.dae (4.7 KB)

My code (container is simply a full window DIV)

<script type="module">
        import * as THREE from '../build/three.module.js';
        import { ColladaLoader } from '../examples/jsm/loaders/ColladaLoader.js';

        let container
        let camera, scene, renderer, model;

        init(window.innerWidth, window.innerHeight);

        function init(imageWidth, imageHeight) {
            scene = new THREE.Scene();

            var grid1 = new THREE.GridHelper(30, 30, 0x888888);
            grid1.material.vertexColors = false;

            const loadingManager = new THREE.LoadingManager(function () { });
            const loader = new ColladaLoader(loadingManager);
            loader.load('./model.dae', function (collada) {
                model = collada.scene;

                var cameras = [];
                for (var i = 0; i < model.children[0].children.length; i++) {
                    var child = model.children[0].children[i];
                    if (child.type == "PerspectiveCamera") {

                camera = cameras[0];
                camera.aspect = imageWidth / imageHeight;

                const axesHelper = new THREE.AxesHelper(115);

                const pointlight = new THREE.PointLight(0xffffff, 1);
                pointlight.position.set(5, 10, 7.5);

                renderer = new THREE.WebGLRenderer({ antialias: true,alpha: true });
                renderer.setSize(imageWidth, imageHeight);
                container = document.getElementById('container');

                var vector = new THREE.Vector3();
                renderer.render(scene, camera);