i'm new to FullCalendar. i'm using React and i want to render listDay and listWeek but they come out as "list" in the calendar view on the web. import React, { useState } from "react"; import FullCalendar from "@fullcalendar/react"; import…
I have been trying to use the Montserrat font in my Next js application. When I inspect the texts in browser, the font family is always roboto and same set of fallbacks. "Roboto","Helvetica","Arial",sans-serif I haven't made this set as my…
I have a create-react-app project which I currently package using react-scripts build. Currently the styling is done with scss files and once built, can be found under static/css/*.chunk.css I have a specific scss file which defines the application's colors. I…
I have a top-level component that uses a library to determine whether a user's browser is in light or dark mode. It's then being used to set the theme for the app, which include HTML Canvas components (this is important…
I downloaded zip file from https://github.com/prgrms-web-devcourse/Team_Price_Offer_FE and unzipped it. I tried to run that program is Visual Studio Code, so I entered command npm start but it didn't work. Team_Price_Offer_FE-devel % npm start > start > next start sh: next:…
I was wondering how NextJS successfully differentiates between JSX and JS in the following code. It is pretty simple but I was wondering how things worked under the hood. Specifically, I don't understand how the JSX is successfully rendered. Doesn't…
I would like to create a button component that uses html as below. <button class="button_57" role="button"> <span class="text">Button</span> <span>Alternate text</span> </button> I want to be able to use one Button component created with react. <CustomButton {...otherProps}>{children}</CustomButton> Is there a way…
I am trying to make my nested route tab active when first displayed but it does not become active unless clicked. If I change anything the parent route becomes inactive. App.js <Route path="account" element={<Account />}> <Route index element={<Profile />} />…
My code basically looks like this: export default function myComponent() { async function getResults(myParams ){ const { data, error } = useSWR('/api/blah>myParams=' + myParams ); //do some other stuff... return data; } useEffect(() => { let myParams = someLogicToGetDynamicParams(); myresults=…
I have the following component structure: export interface SearchFilterJobsProps<J = JobPosting> { unwrap?: boolean; jobs?: { data: J[]; component?: React.ComponentType | React.ElementType; }; searchMatchProps?: (keyof J)[]; } export type SearchFilterJobsType<T = JobPosting> = React.FC<SearchFilterJobsProps<T>>; export const SearchFilterJobs: SearchFilterJobsType = <Z…