Questions tagged [react]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
2
votes
1answer
30 views

Why is Heroku stuck on installing node modules on initial build?

Question: Why is Heroku stuck on installing node modules on the initial build? Summary: I have tested this with both Heroku and Netlifty. Both encounter the same issue. I am able to run npm run build ...
0
votes
1answer
13 views

Can't get data- attributes from SLDS React button click

According to the documentation on the React SLDS Button: Although not listed in the prop table, all aria-*, data-* and form* props will be added to the button element if passed in. So my button: <...
0
votes
2answers
79 views

Log in to salesforce from a react app

I need to request an authorization code so my application can make a simple request to salesforce. Hitting the url in the article redirects me to the right page where I can grab the code, but I first ...
0
votes
0answers
21 views

CORS error attempting to connect my react app to salesforce

I want my react application to be able to log itself into salesforce without the user having to do anything, so am trying to initiate an authenticated connection to my instance. I have stored some ...
2
votes
2answers
63 views

How to authenticate requests to the user interface api?

I am trying to make a GET request to the UI API from within a react project using a simple lifecycle method: componentDidMount() { fetch('https://{my_salesforce_instance}.salesforce.com/services/...
2
votes
1answer
53 views

How to integrate the user interface api with an existing project?

I am trying to implement a form in my react app that allows users to submit data to salesforce using the UI API. From following the documentation I have created a connected app with a callback url and ...
2
votes
1answer
46 views

How can I implement Lightning Web Components into my React application?

I have created a simple LWC that displays a form and sends user data to Salesforce: userForm.js import { LightningElement } from 'lwc'; export default class UserForm extends LightningElement { ...
0
votes
1answer
70 views

Can we use JSX in our LWC component with react application?

I want to build a chatting application in React and I want to use that functionality into my one of the component.
0
votes
0answers
39 views

Some iPadOS catch error " 'Unexpected token '<''. Logged in? " on Native Salesforce app

Sometimes my customer's iPad; iPadOS 14.5 catches 'Unexpected token '<''. Logged in? even if it's operating without problems a few minutes ago. The message confuses me and I want to know where is ...
2
votes
0answers
217 views

Error building app Cordova marketing Cloud sdk

I have an app using React Js and Cordova, I need to integrate it with [Marketing Cloud SDK], I followed the instruction that the plugin mentions, but it throws me an error when compiling The error it ...
0
votes
1answer
258 views

Best approach to use/port/migrate an open-source React component to LWC

I want to use an existing React Component as a LWC Lightning Web Component in a Salesforce app. It's a complex component with a Github repo full of Subcomponents. Everything is written in Typescript. ...
0
votes
0answers
105 views

How to Import react NPM library in lWC and use it?

I want to import in LWC component, i have custom Image URl's, not the Standard salesforce Attachment/content version or content documents. https://github.com/michelecocuccio/simple-react-lightbox#how-...
1
vote
1answer
64 views

Is it possible to use SVG files within SLDS React Datepicker components?

I am working in the Quip platform (which runs on React), using the SLDS-React Datepicker component within a SLDS-React DataTableCell but have been unable to render any of the SLDS icons (.SVG files) ...
2
votes
0answers
122 views

Adding multiple apex-controllers on a manifest.json file of a react app

I have a react app that is built and added as a static resource to a lighting component. This react app uses calls to apex (LCC.callApex) to get certain necessary data. For the app to be able to ...
0
votes
1answer
25 views

query products from pricebook to React

I recently had a question on how to query a list of products from a pricebook and was told that i could use the below to do so [SELECT Id, Product2Id, Product2.Name FROM PricebookEntry WHERE ...
1
vote
0answers
36 views

How do you do Canvas Authentication client-side for a Javascript application?

I am trying to build out a PoC of what will eventually be a nodeJS+React application that will be embedded in Salesforce via Canvas. I'd like to get the PoC up and running with just React. What would ...
0
votes
1answer
212 views

using Angular JS /REACT in LWC

As we all know that LWC is built on Web Standard (jUst like REACT JS,Angular Js ), so is it necessary to use these front end technologies in our Salesforce Application. As an architect ,do we need to ...
1
vote
0answers
722 views

Integrating liveagent chat into a react/webapp

I'm trying to implement a liveagent chat instance that's triggered from within a (React) web app. I've got the deployment script in my HTML 'https://c.la1-c1-fra.salesforceliveagent.com/content/g/js/...
1
vote
0answers
254 views

Problems with setting up MobilePush to App build with React

We are trying to implement mobile push with application build on React Native. App is installed, SDK is ready, for Android and iOS. First, contacts were injected anonymously with SFMC generated ...
1
vote
1answer
59 views

React SDK Contact Registration

Using the React SDK for MC Push is there a way to Delay Registration using the iOS SDK? There is a method to update Contact Key, but it's unclear how this works. If the Contact is registered already (...
0
votes
0answers
90 views

How to call Intent Api from postman or JavaScript

curl -X POST -H "Authorization: Bearer <TOKEN>" -H "Cache-Control: no- cache" -H "Content-Type: multipart/form-data" -F "data=@C:\Data\weather.csv" -F "type=text-intent" https://...
0
votes
1answer
17 views

ID Property passed to child changes value

I'm quite new to lwc's and i'm having an issue where the property passed down to a child component, specifically an ID, the id value in the child component has (-71) appended to the end of the ID. ...
0
votes
2answers
198 views

Can we use LWC components in React Application?

Is it possible to use LWC components in React application? We are trying to get some help on this but we don't see any supporting articles so far.
1
vote
1answer
1k views

Uncaught (in promise) TypeError: c.createElement is not a function

I am getting the below error when using react js in LWC. Any idea how to resolve this. Uncaught (in promise) TypeError: c.createElement is not a function LWC import { LightningElement } from ...
2
votes
1answer
197 views

react.createElement is not a function LWC

I am getting the below error when using react js in LWC. Any idea how to resolve this. afterRender threw an error in 'c:razorpay' [c.createElement is not a function] JS import { ...
2
votes
0answers
279 views

react-dom js file not loading properly in LWC

I am trying to import react and react-dom js file from static resource. i have usded the below cdn to collect the js file into static resource https://cdnjs.cloudflare.com/ajax/libs/react/16.9.0/cjs/...
1
vote
1answer
868 views

CSP Issue when trying to bring in a React app to a lightning container

I have a simple aura component with a lightning container: <aura:component access="global" implements="flexipage:availableForAllPageTypes"> <lightning:container aura:id="ReactApp" src="{...
1
vote
1answer
101 views

Translations for multiple locales/dialects

We're developing a managed package that uses the translation workbench to provide translations. We'd like to support multiple English translations so that users with a different locale from En-US can ...
0
votes
1answer
282 views

React Native SDK - SmartSync - REST API calls

We're currently retrieving a list of Salesforce apps from the UI API using this function: net.sendRequest('/services/data', `${net.getApiVersion()}/ui-api/apps`, (e) => { setApps(...
11
votes
3answers
7k views

Modern JavaScript Frameworks (Angular Js, React JS ) within LWC

As documented on the below link, https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.get_started_supported_javascript Lightning Web Components Javascript support includes :...
13
votes
2answers
5k views

Use of Javascript Frameworks in Lightning Web Component

Is there any documentation available for recommended JavaScript Frameworks (Angular JS, React JS, etc.), which can work well with Lightning Web Component? Most of the places, I found that it supports ...
0
votes
1answer
102 views

Building Angular and React components

I have been through tons of documents, searching the web I came across some resources but it hasn't really helped me. I want to know how to ship an Angular and a React application (step by step) to ...
0
votes
1answer
106 views

React.js GraphQL web app returning random null values

I'm working on a React.js web app that leverages GraphQL for accessing a combination of varying endpoints, including our org's SF data. My only issue is isolated to my Salesforce progress. In general, ...
1
vote
0answers
58 views

Building managed package using JS frameworks/library

I'm trying to do an analysis of an existing managed package that we have built currently we have a bunch of VF pages and Lightning Components. At end of this analysis, we want to determine which JS ...
8
votes
1answer
948 views

Can LWC be used with other JS frameworks like ReactJS on VF Pages?

Currently the applications are built in ReactJS on top of VF Page. As part of enhancement, new components need to be built. Also they need to communicate with each other. I am planning to have LWC ...
0
votes
1answer
67 views

Locker Service and CSS in JS

Without trying this myself I was curious if anyone else was able to get CSS in JS to work within the confines of LockerService. At first glance it looks like styled-components might actually work as ...
19
votes
4answers
5k views

Lightning Framework vs Standard Client Side Frameworks (i.e. React) // Which to chose when, and why?

Disclaimer Keep it objective! This one can get a little opinionated, please try to keep your answer specific to the facts a developer should be considering when choosing between two viable options ...
1
vote
1answer
807 views

Plugging React JS app into lightning community

I have created a react.js application where I have used SLDS for my styling and I have also installed Lightning container module to make direct API calls to APEX code in my org. I want to plug the ...
3
votes
1answer
773 views

How should I import Design System React css?

I tried using Lightning Design System React doing what's under the Getting Started section. I've installed the npm modules as explained: npm install @salesforce-ux/design-system @salesforce/design-...
1
vote
1answer
65 views

React SLDS unknown error

I've been trying to use the @salesforce/design-system-react, well every time I try and run it, I have this error, I've tried many react versions, and used all the considerations that they give, any ...
5
votes
1answer
504 views

React app no longer loading with <ltng> component

As SF support for third party frameworks in communities was poor we decided to implement it using the component like so <ltng:require scripts="{!$Resource.react_app + '/www/js/main.js'}" ...
0
votes
0answers
72 views

Can you reference a static resource from another package

I'm building a base managed packaged as well as an extension managed packaged. I have a static resource in the base packaged (a react resource) and would like to include it on a VisualForce page in ...
0
votes
2answers
4k views

Lighting:container - Refused to load the script 'https://www.youtube.com/iframe_api' because it violates the following Content Security Policy

The below is a React Component that I'm loading from lightning:container import React, { Component } from 'react'; import Plyr from 'plyr'; import '../node_modules/plyr/dist/plyr.css'; import './App....