I seem to be having issues with react exports. First time I've tried deploying an app before so not sure if i've missed a form of config somewhere for this however i think it might be related to my package.json file. Here is the error-

 ⨯ file:///var/task/node_modules/react-chartjs-2/dist/index.js:1
import React, { forwardRef, useRef, useEffect } from 'react';
                ^^^^^^^^^^
SyntaxError: Named export 'forwardRef' not found. The requested module 'react' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'react';
const { forwardRef, useRef, useEffect } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:190:5) {
  page: '/'
}
file:///var/task/node_modules/react-chartjs-2/dist/index.js:1
import React, { forwardRef, useRef, useEffect } from 'react';
                ^^^^^^^^^^
SyntaxError: Named export 'forwardRef' not found. The requested module 'react' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'react';
const { forwardRef, useRef, useEffect } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:190:5) {
  page: '/'
}
Error: Runtime exited with error: exit status 1
Runtime.ExitError