import React from 'react';
import { useParams, useNavigate, useLocation } from 'react-router-dom';
import ProductDetailPage from './ProductDetailPage.js';

const ProductDetailWithSocket = () => {
  const { seoName } = useParams();
  const navigate = useNavigate();
  const location = useLocation();

  return (
    <ProductDetailPage seoName={seoName} navigate={navigate} location={location} />
  );
};

export default ProductDetailWithSocket;