jsx-runtime cant be found

[nickcorbett15]

Describe the bug
jsx-runtime cannot be found

To Reproduce
Steps to reproduce the behavior:

1. npx create-react-app my-app
2. add the following component:

import { initialize } from '@iot-app-kit/source-iottwinmaker';
import { SceneViewer } from '@iot-app-kit/scene-composer';

function TwinMaker() {

    const awsCredentials = {
        accessKeyId: <yourCredentials>
        secretAccessKey: <yourCredentials
    }

    const sceneLoader = initialize(<yourScene>, {
        awsCredentials,
        awsRegion: 'us-east-1'
    }).s3SceneLoader('m01');

    return (
        <>
            <span>
                <h1>
                TwinMaker Scene
                </h1>
                <SceneViewer sceneLoader={sceneLoader}></SceneViewer>
            </span>
        </>
    )
}
export default TwinMaker;

3. Add component to be viewed in App.tsx

Expected behavior
You should be able to view your scene

Actual Output:

ERROR in ./node_modules/react-dnd/dist/esm/core/DndProvider.mjs 28:0-51
Module not found: Error: Package path ./jsx-runtime.js is not exported from package \app-directory\node_modules\react (see exports field in \app-directory\node_modules\react\package.json)

webpack compiled with 1 error and 272 warnings

Desktop (please complete the following information):

• OS: [e.g. iOS] Windows 10
• Browser: Chrome
• Version: Version 116.0.5845.111

Additional context
Add any other context about the problem here.

[haweston]

Created task in TwinMaker backlog

[Bhanuanjaneyakumar-meghaai]

I am also getting the same error. Let’s see the details below.

Describe the bug :-
Import Error

Code:-
import React from 'react';
import { initialize } from '@iot-app-kit/source-iottwinmaker';
import { SceneViewer } from '@iot-app-kit/scene-composer';

function ScreenView3D() {
return (
<div style={{ width: '100%', height: '600px' }}>

Hello Page

);
}

export default ScreenView3D;

"Whenever I import '@iot-app-kit/source-iottwinmaker' and '@iot-app-kit/scene-composer', I geting the following errors:"

Error:-

ERROR in ./node_modules/@iot-app-kit/scene-composer/dist/esm/src/index.js 8:0-35
Module not found: Error: Can't resolve './common/constants' in 'C:\Users\kusum\OneDrive\Desktop\ReactLearning\3dmodel\node_modules@iot-app-kit\scene-composer\dist\esm\src'
Did you mean 'constants.js'?
BREAKING CHANGE: The request './common/constants' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.