feat: new random key field

lib/mod.ts

···
 	index: number;
 	/** A value of arbitrary data associated with this location. */
 	state: unknown;
-	/** A unique string associated with this location */
+	/** A unique identifier for the specific history entry */
 	id: string;
+	/** A unique identifier for the history entry's slot in the entries list */
+	key: string;
 }
 
 /**
···
 interface HistoryState {
 	usr: unknown;
 	id?: string;
+	key?: string;
 	idx: number;
 }
 
···
 			index: state.idx,
 			state: state.usr || null,
 			id: state.id || 'default',
+			key: state.key || 'default',
 		};
 	};
 
···
 		globalHistory.replaceState({ ...globalHistory.state, idx: (location.index = 0) }, '');
 	}
 
-	// state defaults to `null` because `window.history.state` does
-	const getNextLocation = (to: To, index: number, state: unknown = null): Location => {
+	const getNextLocation = (replace: boolean, to: To, index: number, state: unknown): Location => {
 		return {
 			pathname: location.pathname,
 			hash: '',
···
 			index,
 			state,
 			id: randomId(),
+			key: replace ? location.key : randomId(),
 		};
 	};
 
···
 			{
 				usr: nextLocation.state,
 				id: nextLocation.id,
+				key: nextLocation.key,
 				idx: nextLocation.index,
 			},
 			createHref(nextLocation),
···
 		emitter.emit('update', { action: nextAction, location });
 	};
 
-	const navigate = (to: To, { replace, state }: NavigateOptions = {}): void => {
+	const navigate = (to: To, { replace = false, state = null }: NavigateOptions = {}): void => {
 		const nextAction: Action = !replace ? 'push' : 'replace';
 		const nextIndex = location.index + (!replace ? 1 : 0);
-		const nextLocation = getNextLocation(to, nextIndex, state);
+		const nextLocation = getNextLocation(replace, to, nextIndex, state);
 
 		const retry = () => {
 			navigate(to, { replace, state });