I'm trying to write a utility function in my TypeScript project to sort/filter objects in a fairly predictable data model (I'm using Astro for this site). The objects keep all the data useful for sorting/filtering in the data property. I…
I have a TypeScript library that, under given conditions, should redirect to an error page. One way would be using the internal Astro global object, like with Astro.redirect('/404'). Unfortunately, Astro seems not accessible when rendering MDX pages. Here is a…
I'm using Astro JS to build a google chrome extension, and I have a problem when using tailwind. Apparently Astro adds the CSS files to an _astro folder in the dist but this causes conflicts with Google due to: Filenames…
I wish to reference the js data file in the framework I write like this import Configs from "../data/configs"; console.log(Configs); in chrome no output use export same not working const Configs = [ { "id": 0, "cover": "1.webp" } ]…
I've recently started my web dev journey, and decided to learn some JavaScript to mess with APIs in order to learn how to perform the fetch (for starters) from a public API. My first attempt at this is by trying…
I am doing a dynamic route with astro and react and when doing a fetch to obtain the array of objects it tells me that the Prduct.title property is never and I don't know why src/pages/category/[category].astro --- import type {…
I want to execute this script within the astro framework to adjust the placement of my footer at the end of the page if the page is shorter than the viewport (if there is a better way tell me, but…
When I provided the contents in different md files called post1 and post2, I would like to add each content to my components called Service. When I do it like I describe below, I am having an error on my…
I am using astro and created this Card component with PReact and Bootstrap Card.jsx import "bootstrap/dist/css/bootstrap.min.css"; export default function Card(props) { return ( <div class="card" style={{ marginBottom: '20px' }}> <div class="card-header" style={{ color: '#ACEB98' }}> {props.children[0]} <b>{props.cardTitle}</b> </div> <div class="card-body">…
I get the message Property 'map' does not exist on type 'string | string[]'.: const data = [ ['1', ['11']], ['2', ['21']], ['3', ['31']], ] data.map(topic => { topic[1].map(p => console.log(p)) }) What can I do to solve this (the…