Skip to content

[Bug]: capacitor-google-map types for React 19+ #88

@blujedis

Description

@blujedis

Capacitor Version

Latest Dependencies:

@capacitor/cli: 7.4.1
@capacitor/core: 7.4.1
@capacitor/android: 7.4.1
@capacitor/ios: 7.4.1

Installed Dependencies:

@capacitor/cli: 7.4.1
@capacitor/core: 7.4.1
@capacitor/ios: 7.4.1
@capacitor/android: 7.4.1

Other API Details

Platforms Affected

  • iOS
  • Android
  • Web

Current Behavior

The below appears to throw an error in the IDE with newer versions of React for custom element capacitor-google-map

declare global {
    export namespace JSX {
        interface IntrinsicElements {
            'capacitor-google-map': any;
        }
    }
}

Expected Behavior

I believe with current versions of React that the declaration for the capacitor-google-map custom element should be the following.

NOTE: I've included more detailed props/attributes for the custom element rather than any as shown above.

import * as React from 'react';

declare module 'react/jsx-runtime' {
  namespace JSX {
    interface IntrinsicElements {
      'capacitor-google-map': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
    }
  }
}

Project Reproduction

https://github.com/blujedis/roadrumor

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions