8 UserInfo,
9} from '../interfaces'
10import { RootState } from '../store'
11import { ProductPostsResponse } from '../interfaces' 12import { number } from 'prop-types'
13import Posts from '../../components/Products/Home/Posts/Posts'
14interface ProductSearch {
6 User,
7 Post,
8 UserInfo,
9} from '../interfaces' 10import { RootState } from '../store'
11import { ProductPostsResponse } from '../interfaces'
12import { number } from 'prop-types'
1import { useGetProductsQuery } from "../state/reducers/api";
2import Image from "next/image";
3import { ProductResponse } from "../state/reducers/api"; 4export default function ShowProducts() {
5 const { data, error, isLoading } = useGetProductsQuery({ page: 1 });
6 const { products } = data ? (data as ProductResponse) : { products: [] };
1import { useGetProductsQuery } from "../state/reducers/api"; 2import Image from "next/image";
3import { ProductResponse } from "../state/reducers/api";
4export default function ShowProducts() {
1import Link from "next/link";
2import { useState } from "react";
3import { ProductResponse } from "../../state/reducers/api";
4import { useGetProductsQuery } from "../../state/reducers/api"; 5import { useRouter } from "next/router";
6import AccessPrivateProduct from "./AccessPrivateProduct";
7export default function SearchProducts({ name }: { name: string }) {
It is always recommended to group all imports of a single path or source in a single import declaration. These usually happen in a codebase when multiple developers are working on the same codebase. It helps improving code refactoring and code readability as well.
// <!-- index.js -->
import calc from './calc.js'
import { add } from './calc.js'
console.log(add(1, 2))
// <!-- index.js -->
import calc, { add } from './calc.js'
console.log(add(1, 2))