anchor-link | secure signature provider for EOSIO chains

I have a Gatsby and Sanity site that's based on a starter project. Everything has worked great so far, but I updated all of my packages and plugins today in my package.json file to get rid of all npm warnings. This included updating to Gatsby 3.0.3 and PostCss 8 (I'm also now using the gatsby-plugin-postcss 4.0.0).

I managed to work through some initial errors, but now I'm having a problem where it's not recognizing my CSS Modules. I get errors for every component file:

Attempted import error: '[componentName].module.css' does not contain a default export (imported as 'styles')

and when I import the css file in the react components

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 new to JQuery.

I am working on one feature where hovering over an anchor link should display a tool tip.

I have got a working code from Add tooltip in a anchor link [duplicate]

However , I want to make the function generic so that I can pass ID of the link and the tool tip should start displaying. I have also tried and implemented a function like below Entire code is listed as below :

But as seen inside hoverLink function , ID is not getting printed correctly and so ('.header #'+ID) selector is also not working

Can anybody please help me here ?

Trying to deploy my Gatsby app on netlify. Basically, I added some jQuery for some specific purposes but when I uploaded it, I got the ff error:

I have a simple Gatsby site using two languages. In the header component, there is a link to the second language, when clicking on it, that language becomes the selected one and the other must appear as an option. Everything works but does not load these changes without refreshing the page. What am I doing wrong? Here is my code:

My app's "/" route has a carousel of images, each with a dynamically generated anchor tag that points to where the image lives on another route (1 of 4 possible routes). The tag pulls up the page with the image but the fixed header gets in the way, and I want the image to be more or less in the middle of the page instead of the very top. I have looked at solutions to this problem:

Adding an automatic offset to the scroll position for all hash-links/calls

Make anchor link go some pixels above where it's linked to

These solutions all involve adding padding or margin to the element to push the content down past the header, but that isn't an option for me because of how the content is arranged (very close to each other). The other solutions involve using javascript to add an event listener or make the page scroll up from the href target, but I don't think I can use client-side javascript to reference another route on my server.

Can any of these solutions be manipulated to work for my specific use case? I am using node.js with an express server, and my pages are templated with ejs, and I do have bootstrap installed. Here is the code that generates the anchor tag on the root route:

I am having trouble getting images to display on github pages. I am using a repository based page. I have added in a simple img tag with in the JSX and tried using the method described in the Gatsby documentation. I feel like I'm missing something obvious.

Here is the code

I have been stuck on this problem for a while now. I created a GatsbyJS project after I made my project in a normal create-react-app. Everything worked fine until I made some big changes to the code. This ruined my navigation - BUT NOT COMPLETELY! The logo navigation still works and the links in the footer, but not the NavBar items. I'm using the gatsby plugin: 'gatsby-plugin-anchor-links' (https://www.gatsbyjs.com/plugins/gatsby-plugin-anchor-links/).

Here is my NavBarItem code (component):