syntax-highlighter | Syntax Highlighter extension for Visual Studio Code | Code Inspection library

I am trying to deploy a React app with Craco to GCP Cloud Run. I am using the Cloud Code in Visual Studio Code to deploy. It say deployment is successful, but I am getting really weird error when viewing in browser, it runs locally just fine, please help.

For build, I am using the remote build option in GCP, it autmatically create a dockerfile and use nginx to build I guess? It's really confusing.

My package.json

I was trying to highlight curl code snippet in my react application. I am using react-syntax-highlighter for the same.

The problem, curl code is not coming properly aligned. below my code snippet.

I use the gatsby environment.

Since graphql is used in gatsby, useStaticQuery is used.

It works fine in the development environment(gatsby develop), In the environment after building(gatsby build && gatsby serve), an error like the title has occurred.

Error Text

Error: The result of this StaticQuery could not be fetched.

This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues

Error code

How can I import a JS file with special characters in it's name in React and JSX?

I can

import { tomorrow} from 'react-syntax-highlighter/dist/esm/styles/hljs';

(the folder contains tomorrow.js and tomrorrow-night.js)

but I can't:

import { tomorrow-night} from 'react-syntax-highlighter/dist/esm/styles/hljs';

I don't think destructuring works here because it's an import statement.

I've used this tutorial to add a lightweight code editor in my app. Both PrismJS and tutorial added functionnalities are working well but I'm having an issue when I'm pasting some code from somewhere else. In some lines, tabs act like tabs in the input but as a space in the output, which results in having both texts not aligned with each other.

I've tried to put my textarea (the input) inside a pre tag, I've tried to change it's white-space or word-spacing CSS styling, but nothing has improved this issue.

Should I create a regex to turn those tabs in simple spaces everywhere ? It looks like an overkill to me.

Here is the code from the tutorial :

I am trying to build react prod docker container with Azure DevOps pipelines. After I upgrade my build environment and code, Pipeline failed. After some research I add "--node-flags --max-old-space-size=8192" statement my build command. But it didn't matter. I also try tried relevant node containers for a build, it didn't work.

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

I am trying to create a blog using Sanity Headless CMS and React for the frontend.

I have made a decorator for highlighting text. As you can see in the image below, in the editor, the highlighted text has yellow background color. However, I don't see the yellow highlighting in my React frontend.

What am I missing?

The code snippets are as follows: sanityblog/schemas/blockContent.js

I am using react-syntax-highlighter and I am having one problem I am trying to write some styles inside jsx namely paddingLeft: 0. But the problem is that the syntax theme is specified inside style, it looks like this