useQuery

Overview

The useQuery hook provides functionality for extracting query parameters from the URL.

Functionality

• Retrieves query parameters from the current URL.
• Memoizes the URLSearchParams object to prevent unnecessary re-renders.

Usage

import React from 'react';
import { useQuery } from './useQuery';

const MyComponent: React.FC = () => {
  // Retrieve query parameters using the useQuery hook
  const queryParams = useQuery();

  // Access specific query parameters
  const param1 = queryParams.get('param1');
  const param2 = queryParams.get('param2');

  return (
    <div>
      <h2>Query Parameters:</h2>
      <p>Param 1: {param1}</p>
      <p>Param 2: {param2}</p>
    </div>
  );
};

export default MyComponent;