AWS amplify - Problem loading file; may be corrupt!

[happy-cutman]

Conditions:

• create-react-app
• .riv file in public folder public/connectButton.riv
• local build works fine without errors

The error occurs on a deployed application. sees the file, but does not seem to recognize it

The same file on local build

const WalletAnimation = () => {
  const { rive, RiveComponent } = useRive({
    src: 'connectButton.riv',
    autoplay: true
  });

 return (
    <Wrapper>
      <RiveComponent/>
    </Wrapper>
  );
};

export default WalletAnimation;

[Chad A]

@happy-cutman You may need to specify the mimetype in Amplify for .riv (application/octet-stream)

[happy-cutman]

Thank you so much man! I will close this issue