[Support]: WARNING in ./node_modules/react-photo-sphere-viewer/dist/index.js

[rsrg-zwiama]

What are you trying to do?

I try to use ReactPhotoSphereViewer in my react project. So i tried to implement the ReactPhotoSphereViewer as you described in the readme file, section usage, using React. When I build with yarn, I get the warning, which I copied to the Logs.
So what am I doing wrong? Any Ideas?
Thanks!

Code

import { ReactPhotoSphereViewer } from "react-photo-sphere-viewer";
import React from 'react';


export function customAttributeCalculator(layer, feature) {
    if (<conditions here>) {
        .....
        const fotoPath = feature.properties.Panorama.replace("attachment://", "");
        return [(
            <tr key="custom-attr">
                <td className="identify-attr-value">
                    <div className="Pano">
                        <ReactPhotoSphereViewer
                            height={"50vh"}
                            src={fotoPath}
                            width={"100%"}
                        />
                    </div>
                </td>
            </tr>
        )];
    }
    return [];
}

Sandbox Link

No response

Library Version

6.0.0

What operating system are you using?

Windows

What browser are you using?

Firefox

Logs

Compiled with problems:
WARNING in ./node_modules/react-photo-sphere-viewer/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\xxx\node_modules\react-photo-sphere-viewer\src\index.tsx' file: Error: ENOENT: no such file or directory, open 'C:\Users\xxx\node_modules\react-photo-sphere-viewer\src\index.tsx'

[MiriamMcNamara]

This is happening to me as well. Using MacOS, chrome browser.

[Elius94]

Hi :)
Thanks for the issue!
Tomorrow I'm gonna test this trouble and hopefully fix it 👍🏼
Thank you

[Elius94]

Hey! I can't replicate the issue, can you help me?

[Elius94]

Is the trouble only related to yarn? Npm works?
I've tried Yarn now and in my case it seems work

[rsrg-zwiama]

Hey, tanks for looking into this. Yes I use yarn to build the app
When adding the library and run yarn install, there is a folder /node_modules/react-photo-sphere-viewer. This contains a folder /dist and /node_modules. There is no /src or index.tsx file at all.

[Elius94]

Are you building with Create React App?

[MiriamMcNamara]

Hi, thanks for looking into this! I am using npm install and built on Create React App. Same issue with the node modules.

…

On Dec 2, 2024, at 4:09 AM, Elia Lazzari ***@***.***> wrote: Are you building with Create React App? — Reply to this email directly, view it on GitHub <#67 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AUU4PM7VIQ3B4QXBDKUQFA32DQWUVAVCNFSM6AAAAABSTDAZUSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKMJRGA4TSMBWGY>. You are receiving this because you commented.

[rsrg-zwiama]

I build with webpack --mode production