Rendering from local .mbtiles file?

[aLemonFox]

Is it possible to add a local .mbtiles file onto the map using a <VectorSource>? I was thinking of doing something like this but I couldn't figure out a way to make it work:

const Overlay: FC<OverlayProps> = ({}) => {
   return (
      <VectorSource id={'overlay-layer'} url={'mbtiles://my-file.mbtiles'}>
         <FillLayer props-... />
      </VectorSource>
   );
}

If this is not supported, what are the options to do such a thing without using a remote server?