Laravel Nova devtical/nova-qrcode-field package

I am using devtical/nova-qrcode-field package to display a QRCode image field in laravel Nova, it works perfectly locally but when pushed to the server (Amazon lightsail) for test it doesn't display.

This is the code for the QrCode Field

Qrcode::make('QR Code')
        ->resolveUsing(function ($value, $resource) {

            $dynamicLinks = app('firebase.dynamic_links');
            $url = env('LINK_DOMAIN') . '/restaurant?id=' . $resource->id;
            try {
                $link = $dynamicLinks->createDynamicLink($url);
                info("I got here o");
                info($link);
            } catch (FailedToCreateDynamicLink $e) {
                info('Error: ' . $e->getMessage());
                return 'Failed to create Link, Contact Administrator. ' . now();
            }
            return $link;
        }),

Here are images of the web page locally and on the server.

Local

Server

I Inspected browser elements and found a difference that could possibly be the problem, see images below

Local

Server

Please any Idea how i can go about fixing this or why the img tag changed to index-qrcode tag on the server.