JSFiddle - React, Tailwind, and code Playground

HTML

https://jsfiddle.net/#

JavaScript

let main = "X.Y.Z[X.Y.Z]";

function escapeRegExp(str) {
  return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
}

function replaceAll(str, find, replace) {
  return str.replace(new RegExp("\\b" + escapeRegExp(find) + "\\b", "g"), replace);
}

console.log(replaceAll("dfs X.Y.Z[X.Y.Z] dfs", main, "X_Y_Z[X_Y_Z]"))