I'm working on a navbar for CSS and I've gotten it working the way I want however the active state shows the background color that has the same width as the text itself. I feel like this is basic but…
App.js: import { StyleSheet, Text, View, StatusBar } from "react-native"; import { colors, parameters } from "./src/global/styles"; import SignInScreen from "./src/screens/authScreens/SignInScreen"; export default function App() { return ( <View> <StatusBar barStyle="light-content" backgroundColor={colors.statusbar} /> <SignInScreen /> </View> ); } const styles…
There are a lot of errors in my application console. How to fix it? Next js 13.2 / app directory Import trace for requested module: ./node_modules/@aws-sdk/util-user-agent-node/dist-cjs/is-crt-available.js ./node_modules/@aws-sdk/util-user-agent-node/dist-cjs/index.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/runtimeConfig.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/CognitoIdentityClient.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/index.js ./node_modules/@aws-sdk/credential-providers/dist-cjs/fromCognitoIdentity.js ./node_modules/@aws-sdk/credential-providers/dist-cjs/index.js ./node_modules/mongoose/node_modules/mongodb/lib/deps.js ./node_modules/mongoose/node_modules/mongodb/lib/index.js ./node_modules/mongoose/lib/index.js ./node_modules/mongoose/index.js ./Total/db/connect.js ./Part/ssr/Ssr.js ./app/(pages)/profile/page.js ./node_modules/mongoose/node_modules/mongodb/lib/bson.js…
I have a problem regarding my current function checkResultOfCards. This function is unable to retrieve a updated value (currentAnswer) from a useState-Hook which I update through a TextInput. My codesample may be long but consider that half of it are…
I have an activeBtn function to set an activeLink class when the button is clicked. In this case, i want to remove the state of the other buttons to false when it isn't clicked. So i only have one active…
I have a site that imports markdown or mdx files and renders them. I have formatted the normal markdown tables using table: (props) => <Typography variant="table">{props.children}</Typography> this works fine. however, I have a component that wraps a markdown table in…
I’ve built an app with "components" that all begin like this: export const SomeComponent = (props: SomeComponentProps): React.ReactElement => { return ( <> <div>some content</div> </> ) } However now I’ve been Googling and it would seem as though this…
As my routes the Sidebar and the topbar is rendering with Signup and login page. I want to render the Signup and login page with a seperate route where the sidebar should not render. And the sidebar and the Topbar…
I loop through an Array of objects in ReactJS where I use map function to loop through each Object. So Can i use tag to separate each objects in next line. I tried to put a tag at the end…
I have such a html project structure: <div id="root"> <div class="main-c container-fluid> </div> ... <div> My index.tsx: import './index.css'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement ); root.render( <React.StrictMode> <HashRouter> <App /> </HashRouter> </React.StrictMode> ); app: import "bootstrap/dist/css/bootstrap.min.css" function App()…