Geocode types are fouled up

[steveoh]

Given

const geocodeOptions = {
    apiKey,
    wkid: config.WEB_MERCATOR_WKID,
    pointSymbol: {
      type: 'simple-marker',
      style: 'diamond',
      color: config.MARKER_FILL_COLOR,
      size: 20,
      outline: {
        color: config.MARKER_OUTLINE_COLOR,
        width: 3,
      },
    },
    events: {
      success: (event: Graphic) => {
        logEvent('findAddress::success', { ...event.attributes });

        const graphic = new Graphic(event);
        const point = new Viewpoint({ scale: 1500, targetGeometry: event.geometry });

        zoom(point);
        placeGraphic(graphic);

        mapView!.openPopup({
          features: [graphic],
          fetchFeatures: true,
          location: graphic.geometry as Point,
        });
      },
      error: () => {
        logEvent('findAddress::not found');
        placeGraphic(null);
      },
    },
  };

and

<Geocode {...geocodeOptions} />

tsc throws that a lot of props are missing

src/App.tsx:223:20 - error TS2739: Type '{ apiKey: any; wkid: number; pointSymbol: { type: string; style: string; color: number[]; size: number; outline: { color: number[]; width: number; }; }; events: { success: (event: Graphic) => void; error: () => void; }; }' is missing the following properties from type 'GeocodeProps': type, address, milepost, callback, format

223                   <Geocode {...geocodeOptions} />
                       ~~~~~~~