feat: support React 19

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placekit/autocomplete-react",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "author": "PlaceKit <support@placekit.io>",
   "description": "PlaceKit Autocomplete React library",
   "keywords": [
@@ -67,7 +67,7 @@
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {
-    "react": "^16 || ^17 || ^18",
-    "react-dom": "^16 || ^17 || ^18"
+    "react": "^16 || ^17 || ^18 || ^19",
+    "react-dom": "^16 || ^17 || ^18 || ^19"
   }
 }

rollup.config.js

@@ -4,7 +4,7 @@ import { babel } from '@rollup/plugin-babel';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import copy from 'rollup-plugin-copy';
 
-import pkg from './package.json' assert { type: 'json' };
+import pkg from './package.json' with { type: 'json' };
 const banner = [
   `/*! ${pkg.name} v${pkg.version}`,
   '© placekit.io',

src/PlaceKit.jsx

@@ -3,13 +3,19 @@ import React, { forwardRef, useCallback, useEffect } from 'react';
 
 import { usePlaceKit } from './usePlaceKit';
 
+// default props as parameter defaults (React 19 ignores `defaultProps` on function components)
+// `options` default is a module-level constant to keep a stable reference across renders
+const DEFAULT_OPTIONS = {};
+const DEFAULT_PLACEHOLDER = 'Search places...';
+
 const PlaceKit = forwardRef(
   (
     {
       apiKey,
       className,
-      geolocation,
-      options,
+      geolocation = true,
+      options = DEFAULT_OPTIONS,
+      placeholder = DEFAULT_PLACEHOLDER,
       onClient,
       onOpen,
       onClose,
@@ -108,16 +114,17 @@ const PlaceKit = forwardRef(
         >
           <span className="pka-sr-only">Clear value</span>
         </button>
-        <input {...inputProps} type="search" ref={target} />
+        <input {...inputProps} placeholder={placeholder} type="search" ref={target} />
       </div>
     );
   },
 );
 
+// kept for backward compatibility on React 16 to 18 (apps reading or mutating `PlaceKit.defaultProps`)
 PlaceKit.defaultProps = {
   geolocation: true,
-  options: {},
-  placeholder: 'Search places...',
+  options: DEFAULT_OPTIONS,
+  placeholder: DEFAULT_PLACEHOLDER,
 };
 
 PlaceKit.propTypes = {

src/index.d.ts

@@ -34,6 +34,6 @@ export type PlaceKitHooks = {
   state: PKAState;
 };
 
-declare function PlaceKit(props: PlaceKitProps): JSX.Element;
+declare function PlaceKit(props: PlaceKitProps): React.ReactElement;
 
 declare function usePlaceKit(apiKey: string, options?: PlaceKitOptions): PlaceKitHooks;