import { useEffect } from "react";
import { useNavigate } from "react-router-dom";

const RedirectWWW = () => {
  const navigate = useNavigate();

  useEffect(() => {
    if (window.location.hostname.startsWith("www.")) {
      const newHostname = window.location.hostname.replace("www.", "");
      const newUrl = `${window.location.protocol}//${newHostname}:${window.location.port}${window.location.pathname}${window.location.search}`;
      window.location.replace(newUrl);
    }
  }, [navigate]);

  return null;
};

export default RedirectWWW;

import { useEffect } from "react";
import { useNavigate } from "react-router-dom";

const RedirectWWW = () => {
  const navigate = useNavigate();

  useEffect(() => {
    if (window.location.hostname.startsWith("www.")) {
      const newHostname = window.location.hostname.replace("www.", "");
      const newUrl = `${window.location.protocol}//${newHostname}:${window.location.port}${window.location.pathname}${window.location.search}`;
      window.location.replace(newUrl);
    }
  }, [navigate]);

  return null;
};

export default RedirectWWW;