uploadthing custom theming not working

      <UploadButton
        appearance={{
          button({ ready, isUploading }) {
            return `custom-button ${
              ready ? "custom-button-ready" : "custom-button-not-ready"
            } ${isUploading ? "custom-button-uploading" : ""}`;
          },
          container: "custom-container",
          allowedContent: "custom-allowed-content",
        }}        endpoint="imageUploader"
        onClientUploadComplete={(res) => {
          console.log("Files: ", res);
          alert("Upload Completed");
        }}
        onUploadError={(error: Error) => {
          // Do something with the error.
          alert(`ERROR! ${error.message}`);
        }}
      />

      <UploadButton
        appearance={{
          button({ ready, isUploading }) {
            return `custom-button ${
              ready ? "custom-button-ready" : "custom-button-not-ready"
            } ${isUploading ? "custom-button-uploading" : ""}`;
          },
          container: "custom-container",
          allowedContent: "custom-allowed-content",
        }}        endpoint="imageUploader"
        onClientUploadComplete={(res) => {
          console.log("Files: ", res);
          alert("Upload Completed");
        }}
        onUploadError={(error: Error) => {
          // Do something with the error.
          alert(`ERROR! ${error.message}`);
        }}
      />