ellemedit

import React from "react";
import { RouterContext } from "next/dist/next-server/lib/router-context";
import { NextRouter } from "next/router";
import { ReactNode } from "react";

export const makeMockNextRouterProvider = (router?: Partial<NextRouter>) => {
  const mockRouter: NextRouter = {
    basePath: "",
    pathname: "/",
    route: "/",

ellemedit

Relay Resolvers are still considered experimental. To use them you must ensure that the ENABLE_RELAY_RESOLVERS runtime feature flag is enabled, and that the enable_relay_resolver_transform feature flag is enabled in your project’s Relay config file.

라고 주장하고 아직 @types/relay-runtime에 타입이 반영 안 돼있기 때문에, 지금 사용하려면 relay-compiler 설정 + relay-runtime 런타임 설정 + relay-runtime 타입 확장을 해야 원활합니다.

// relay.config.js 또는 package.json 파일의 'relay' 컴파일러 설정
module.exports = {
  src: "./",
  artifactDirectory: "...",
 language: "typescript",

ellemedit

import {
  ClientBuilder,
  ClientDependenciesBuilder,
  ClientFooterBuilder,
  ClientGeneratorsBuilder,
  ClientHeaderBuilder,
  ClientTitleBuilder,
  generateFormDataAndUrlEncodedFunction,
  generateMutatorConfig,
  generateMutatorRequestOptions,

ellemedit

Bug Reproduction CodeSandbox

wtf going on React?

ellemedit

const config = {
  // ...
  
  webpack(config) {
    // prevent ehters.js node deps import warnings
    config.externals.push({
      bufferutil: "bufferutil",
      "utf-8-validate": "utf-8-validate",
    });

ellemedit

editorconfig

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space

ellemedit

# This is Git's per-user configuration file.
[user]
	name = BaHwan Han
	email = [email protected]

[push]
	default = current

[core]
	pager = delta

ellemedit

Example:

function Form() {
  const [isPending, onSubmit] = useFormActionHandler((formData, reset) => {
    if (formData.get('condition') === 'X') {
      reset();
    }
    // ...
 });

ellemedit

{
  // ...,
  "imports": {
    "#styled-system/*": "./src/styled-system/*/index.js",
    "#*": [
      "./src/*.ts",
      "./src/*.tsx",
      "./src/*"
    ]
  }

ellemedit

/**
 * @see https://prettier.io/docs/en/configuration.html
 * @type {import("prettier").Config}
 */
const config = {
  trailingComma: "all",
  printWidth: 120,
  tabWidth: 2,
  arrowParens: "always",
  semi: false,