deploy single build in different subdirectories in react js - reactjs

Question

I have one project, it used in multiple subdirectories, so i want to create a single build that work in multiple subdirectories like,
https://www.myhost.com/subdir-1,
https://www.myhost.com/subdir-2, and
https://www.myhost.com/subdir-3, but when i can create build it used only static/js path & it didn't work properly.
I tried with "homepage": "." in package.json, but it didn't work. I don't know why?
It has proper path like, https://www.myhost.com/subdir-1/static, https://www.myhost.com/subdir-2/static & https://www.myhost.com/subdir-3/static, but some chunks & fonts are not loaded proper, it gives error.
I also tried with .env file, adding PUBLIC URL. But in this after creating build i have to made changes in build, means i am changing subdirectory name in all files & it's not good way i think.
So, anyone please help me on this, how i can achieve this?
My Package.json
{
"name": "wieldy-hook",
"version": "0.1.0",
"private": true,
"dependencies": {
"#amcharts/amcharts3-react": "^3.1.0",
"#ant-design/icons": "^4.6.2",
"#azure/msal-browser": "^2.18.0",
"#azure/msal-react": "^1.1.0",
"#testing-library/jest-dom": "^4.2.4",
"#testing-library/react": "^9.3.2",
"#testing-library/user-event": "^7.1.2",
"amcharts3": "^3.21.15",
"antd": "^3.26.20",
"antd-theme-webpack-plugin": "^1.3.0",
"anychart-react": "^1.4.1",
"axios": "^0.21.1",
"better-xlsx": "^0.7.6",
"connected-react-router": "^6.6.1",
"file-saver": "^2.0.5",
"firebase": "^7.6.1",
"instantsearch.css": "^7.3.1",
"konva": "^7.0.2",
"less": "^3.10.3",
"less-loader": "^5.0.0",
"less-vars-to-js": "^1.3.0",
"lodash": "^4.17.21",
"moment": "^2.24.0",
"multiselect-react-dropdown": "^1.5.0",
"nprogress": "^0.2.0",
"nxt-html-to-text": "^7.1.3",
"passport": "^0.4.1",
"passport-saml": "^3.1.1",
"prop-types": "^15.7.2",
"react": "^16.12.0",
"react-big-calendar": "^0.19.2",
"react-bootstrap-sweetalert": "^5.1.9",
"react-ckeditor-component": "^1.1.0",
"react-color": "^2.17.3",
"react-custom-scrollbars": "^4.2.1",
"react-day-picker": "^7.4.8",
"react-dnd": "^10.0.2",
"react-dnd-html5-backend": "^10.0.2",
"react-doc-viewer": "^0.1.5",
"react-dom": "^16.12.0",
"react-draft-wysiwyg": "^1.14.7",
"react-flip-move": "^3.0.4",
"react-google-login": "^5.2.2",
"react-google-maps": "^9.4.5",
"react-hot-loader": "^4.12.18",
"react-icons": "^3.10.0",
"react-instantsearch": "^6.1.0",
"react-instantsearch-dom": "^6.1.0",
"react-intl": "^3.9.3",
"react-konva": "^16.13.0-6",
"react-notifications": "^1.4.3",
"react-pdf-to-image": "^1.0.2",
"react-phone-input-2": "^2.13.7",
"react-phone-number-input": "^3.0.23",
"react-placeholder": "^3.0.2",
"react-redux": "^7.1.3",
"react-router-dom": "^5.1.2",
"react-router-redux": "^4.0.8",
"react-scripts": "^3.4.0",
"react-signature-canvas": "^1.0.3",
"react-simple-maps": "^0.12.1",
"react-slick": "^0.25.2",
"react-sortable-hoc": "^1.10.1",
"react-star-rating-component": "^1.4.1",
"react-stickies": "^0.0.16",
"recharts": "^2.0.0-beta.1",
"redux": "^4.0.5",
"redux-saga": "^1.1.3",
"redux-thunk": "^2.3.0",
"rheostat": "^4.1.0",
"slick-carousel": "^1.8.1",
"url-search-params": "^1.1.0",
"victory": "^34.0.0",
"worker-loader": "^2.0.0"
},
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired --env=jsdom",
"less": "lessc --js src/styles/wieldy.less public/css/style.css"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"babel-plugin-import": "^1.13.0",
"cross-env": "^7.0.3",
"customize-cra": "^0.9.1",
"react-app-rewired": "^2.1.5"
}
}
My .env file
PUBLIC_URL=/subdir-1