Troubleshooting

My react-router-dom router doesn’t work when reloading the page or loading with a non-root URL

Reference link: aws-pdk#69

Add distributionProps to your StaticWebsite:

import {
  StaticWebsite,
} from "@aws/pdk/static-website";

...

const adminWebsite = new StaticWebsite(this, "Website", {
  websiteContentPath: path.join(appsDir, "website", "build"),
  runtimeOptions: {
    jsonPayload: {
      region: Stack.of(this).region,
      identityPoolId: identityPoolIdParam.stringValue,
      userPoolId: userPoolIdParam.stringValue,
      userPoolWebClientId: userPoolClientIdParam.stringValue,
      typeSafeApis,
    },
  },
  distributionProps: {
    errorResponses: [
      {
        httpStatus: 404,
        responseHttpStatus: 404,
        responsePagePath: "/",
      },
    ],
  },
});

---

Last update: 2024-11-17